简单的响应栅格样式sample grid

 查看演示  website  立即下载

Simple Grid

只需引入css文件，大小4kb。

<link rel="stylesheet" type="text/css" href="simplegrid.css" />

结构

基本结构为三层div，最外层容器类，下面是栅格设置类，然后课接内容：

<div class="grid grid-pad">
    <div class="col-1-1">
            <div class="content">
                <!-- 内容-->
            </div>
    </div>
</div>

设置

pc端

<div class="col-1-1">

移动端，可追加移动设置类。

<div class="col-1-2 mobile-col-1-2">

例子

如在pc端声明容器占3/12布局:

<div class="col-3-12">

其余设置课自行研究，非常easy~

特点

“轻！”

PREVIOUS:
NEXT:
jQuery自定义下拉框美化
拖拽式表单设计器 Formbuild Leipi Org