1grids 中文文档教程

发布于 9年前 浏览 26 项目主页 更新于 3年前

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

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文