十二栅格化
======================

这是一个类似bootstrap的十二栅格化的东西，不过实现的原理和效果都不一样，值得指出的不同包括下面几点：
 - 实现原理是行内块元素，因此不是浮动，不存在浮动清除问题，当然也不会出现浮动的一些好的特性
 - 除了4种屏幕大小的适配，还提供了一种固定划分（就是不管屏幕大小，永远会分割）

使用方法
----------------------
 ```html
 <div class="container">
    <div class="row">
        <div class="col-xs-6">内容</div>
        ......
    </div>
</div>
```

上面的xs代表一种屏幕尺寸下会有效，具体五种如下所示：

1.size：任意屏幕尺寸均有效

2.xs：超小屏幕 手机 (<768px)

3.sm：小屏幕 平板 (≥768px)

4.md：中等屏幕 桌面显示器 (≥992px)

5.lg：大屏幕 大桌面显示器 (≥1200px)

col-xs-6其中的6代表的是十二栅格化中使用几格（一共12格），你可以使用的有：1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12。

[<< 返回首页](../README.md)