使用方法

栅格(Gridset)的总宽度为 980px,包含 20 栏,每栏 30px,间隙为 20px;只支持固定宽度,没有 Responsive 支持。这样使用:

<div class="container">
<div class="grid grid-5"> ... </div>
<div class="grid grid-15 last"> ... </div>
</div>

当有多个栏的时候,最后一个栏需要添加一个 .last classname。另外,值得注意的是百姓网有很多页面使用二栏风格,并且都比较一致区分左右栏,所以这个系统中有两个 classname 为它们的 Alias:

<div class="container">
<div class="maincol"> 主栏 </div>
<div class="sidecol last"> 侧栏 </div>
</div>

Gridset Demo

grid-20
1
grid-2
grid-3
grid-4
grid-10
grid-5
grid-6
grid-9
grid-7
grid-8
grid-5
maincol
sidecol