lupuxyz / simplegridframework_cn

Simple Grid - Framework 是一款极简的响应式网格系统,你可以在你的项目中使用它。没有样式,没有设计,只有纯粹的网格!Any style, any design. Just grid! 这个网格基于占桌面屏幕尺寸宽度的80%和移动设备屏幕尺寸的96%的容器。该容器被分为12列。所以,在任何设备上,你的网站宽度总是占用屏幕的80%或者96%。

Home Page:http://benchu.org/getsimplegrid.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Simple Grid - Framework

来自:http://www.getsimplegrid.com/
我把它的文档翻译成中文了,详见: http://benchu.org/getsimplegrid.com/

Simple Grid - Framework 是一款极简的响应式网格系统,你可以在你的项目中使用它。没有样式,没有设计,只有纯粹的网格!Any style, any design. Just grid! 这个网格基于占桌面屏幕尺寸宽度的80%和移动设备屏幕尺寸的96%的容器。该容器被分为12列。所以,在任何设备上,你的网站宽度总是占用屏幕的80%或者96%。

网格并不是复杂的架构。几分钟之后你便能掌握如何使用它。这只是一个确保项目响应式行为的简单网格。Simply Grid 只运行两个跳跃。 >768<480 and <480.Simply Grid 能运行在所有支持媒体查询的浏览器中。

它非常的简单!在这里介绍一下 Simple Grid - Framework 网格系统如何工作: 行(Row)必须被放在一个 .container (80% 宽度) 或者 .container-fluid (100% 宽度)中。 它使用 .row 确定水平列组。 列(Column) (如 .col-6 ,.col-8) 必须在 .row中。必须这样! 列(Column)没有默认的内间距( padding)。如果你想要实现内间距,在列中使用这个class .box 。 Class .box 有默认的 padding:20px. 参考示例,把这些基础规则运用到你的代码中。

About

Simple Grid - Framework 是一款极简的响应式网格系统,你可以在你的项目中使用它。没有样式,没有设计,只有纯粹的网格!Any style, any design. Just grid! 这个网格基于占桌面屏幕尺寸宽度的80%和移动设备屏幕尺寸的96%的容器。该容器被分为12列。所以,在任何设备上,你的网站宽度总是占用屏幕的80%或者96%。

http://benchu.org/getsimplegrid.com/

License:GNU General Public License v2.0


Languages

Language:CSS 100.0%