标签：一起 head strip 应该 border 桌面 使用 栅格系统 开始
网格系统通过一系列包含内容的行和列来创建页面布局。下面列出了 Bootstrap 网格系统是如何工作的：
.container class 内，以便获得适当的对齐（alignment）和内边距（padding）.row 和 .col-xs-4，可用于快速创建网格布局。LESS 混合类可用于更多语义布局.rows 上的外边距（margin）取负，表示第一列和最后一列的行偏移.col-xs-4
| 超小屏幕 手机 (<768px) | 小屏幕 平板 (≥768px) | 中等屏幕 桌面显示器 (≥992px) | 大屏幕 大桌面显示器 (≥1200px) | |
|---|---|---|---|---|
| 栅格系统行为 | 总是水平排列 | 开始是堆叠在一起的，当大于这些阈值时将变为水平排列C | ||
.container 最大宽度 |
None （自动） | 750px | 970px | 1170px |
| 类前缀 | .col-xs- |
.col-sm- |
.col-md- |
.col-lg- |
| 列（column）数 | 12 | |||
| 最大列（column）宽 | 自动 | ~62px | ~81px | ~97px |
| 槽（gutter）宽 | 30px （每列左右均有 15px） | |||
| 可嵌套 | 是 | |||
| 偏移（Offsets） | 是 | |||
| 列排序 | 是 | |||
标签：一起 head strip 应该 border 桌面 使用 栅格系统 开始
原文地址：https://www.cnblogs.com/yanxiaoge/p/10808350.html
