标签:宽度 nbsp 列排序 嵌套 工作 translate body 选项 平板电脑
下表总结了 Bootstrap 网格系统如何跨多个设备工作:
| 超小设备手机(<768px) | 小型设备平板电脑(≥768px) | 中型设备台式电脑(≥992px) | 大型设备台式电脑(≥1200px) | |
|---|---|---|---|---|
| 网格行为 | 一直是水平的 | 以折叠开始,断点以上是水平的 | 以折叠开始,断点以上是水平的 | 以折叠开始,断点以上是水平的 | 
| 最大容器宽度 | None (auto) | 750px | 970px | 1170px | 
| Class 前缀 | .col-xs- | .col-sm- | .col-md- | .col-lg- | 
| 列数量和 | 12 | 12 | 12 | 12 | 
| 最大列宽 | Auto | 60px | 78px | 95px | 
| 间隙宽度 | 30px (一个列的每边分别 15px) | 30px (一个列的每边分别 15px) | 30px (一个列的每边分别 15px) | 30px (一个列的每边分别 15px) | 
| 可嵌套 | Yes | Yes | Yes | Yes | 
| 偏移量 | Yes | Yes | Yes | Yes | 
| 列排序 | Yes | Yes | Yes | Yes | 
标签:宽度 nbsp 列排序 嵌套 工作 translate body 选项 平板电脑
原文地址:http://www.cnblogs.com/jeffry/p/6034822.html