插件描述：sample grid是目前个人见过的最轻的响应栅格系统
Simple Grid
只需引入css文件，大小4kb。
1 | <link rel="stylesheet" type="text/css" href="simplegrid.css" /> |
结构
基本结构为三层div，最外层容器类，下面是栅格设置类，然后课接内容：
1 2 3 4 5 6 7 | <div class="grid grid-pad"> <div class="col-1-1"> <div class="content"> <!-- 内容--> </div> </div></div> |
设置
pc端
1 | <div class="col-1-1"> |
移动端，可追加移动设置类。
1 | <div class="col-1-2 mobile-col-1-2"> |
例子
如在pc端声明容器占3/12布局:
1 | <div class="col-3-12"> |
其余设置课自行研究，非常easy~
特点
“轻！”
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： 拖拽式表单设计器 Formbuild Leipi Org
- 下一个特效： jQuery自定义下拉框美化