超轻量级的响应栅格样式sample grid

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">