1grids 中文文档教程
1Grids v4.0
一个专业但简单的 CSS 网格系统。
Feature
- Responsive
- Old browser support
- Simple to use
- …
More responsive sizes
.w1
….w12
,.visible-x
,.hidden-x
for eXtra small and mobile screen size (<480px).wt1
….wt12
,.visible-t
,.hidden-t
for Table screen size (>=480px).ws1
….ws12
,.visible-s
,.hidden-s
for Small computer screen size devices (>=768px).wm1
….wm12
,.visible-m
,.hidden-m
for Medium computer screen size devices (>=992px).wl1
….wl12
,.visible-l
,.hidden-l
for Large computer screen size devices (>=1200px)
Browser support
- Chrome 4+
- Firefox 4+
- Safari 5+
- Opera 11+
- Edge 15+
- Internet Explorer 8+
Download and use
Public cdn.
适用于具有任何流量 的生产网站。 文件通过 MaxCDN 的超快速全球 CDN 提供。
<link href="http://cdn.rawgit.com/AliMD/1Grids/v4.0.6/dist/1grids.css" type="text/css" rel="stylesheet" />
对于 dev/testing 具有低流量 的最新版本,请使用以下链接。 请不要在生产网站上使用它。
<link href="http://rawgit.com/AliMD/1Grids/master/dist/1grids.css" type="text/css" rel="stylesheet" />
Bower
bower install 1grids
NPM
npm install 1grids
Sass
在你的 sass 项目 ♥ 中导入 1Grids
文件夹
// grid_num = 12
@import '1Grids/'
Contributing
并想参与其中?
谢谢! 您可以通过多种方式提供帮助!
查看 CONTRIBUTING.md
Help and support
请在此处询问有关网络技术的任何问题一个>。
License
麻省理工学院许可证 (MIT) alimd.mit-license.org
1Grids v4.0
A Professional but Simple CSS Grid System.
Feature
- Responsive
- Old browser support
- Simple to use
- …
More responsive sizes
.w1
….w12
,.visible-x
,.hidden-x
for eXtra small and mobile screen size (<480px).wt1
….wt12
,.visible-t
,.hidden-t
for Table screen size (>=480px).ws1
….ws12
,.visible-s
,.hidden-s
for Small computer screen size devices (>=768px).wm1
….wm12
,.visible-m
,.hidden-m
for Medium computer screen size devices (>=992px).wl1
….wl12
,.visible-l
,.hidden-l
for Large computer screen size devices (>=1200px)
Browser support
- Chrome 4+
- Firefox 4+
- Safari 5+
- Opera 11+
- Edge 15+
- Internet Explorer 8+
Download and use
Public cdn.
For use on production websites with any amount of traffic. Files are served via MaxCDN's super fast global CDN.
<link href="http://cdn.rawgit.com/AliMD/1Grids/v4.0.6/dist/1grids.css" type="text/css" rel="stylesheet" />
For dev/testing latest version with low-traffic use the following link. Please don't use it on production websites.
<link href="http://rawgit.com/AliMD/1Grids/master/dist/1grids.css" type="text/css" rel="stylesheet" />
Bower
bower install 1grids
NPM
npm install 1grids
Sass
import 1Grids
folder in your sass project
// grid_num = 12
@import '1Grids/'
Contributing
♥ this project and want to get involved ?
Thanks! There are plenty of ways you can help!
Check CONTRIBUTING.md
Help and support
Please ask any questions about web technologies here.
License
The MIT License (MIT) alimd.mit-license.org