Bootstrap 笔记
栅格系统
“行（row）”必须包含在 .container（固定宽度）或 .container-fluid （100% 宽度） “行（row）”在水平方向创建一组“列（column）”
| 超小屏幕 手机 | 小屏幕 平板 | 中等屏幕 桌面显示器 | 大屏幕 大桌面显示器 | |
|---|---|---|---|---|
| <768px | ≥768px | ≥992px | ≥1200px | |
| .container 最大宽度 | None （自动） | 750px | 970px | 1170px |
| 类前缀 | .col-xs- | .col-sm- | .col-md- | .col-lg- |
| 最大列（column）宽 | 自动 | ~62px | ~81px | ~97px |
| 槽（gutter）宽 | 30px （每列左右均有 15px） |
隐藏与可见
可见类型
.visible--block .visible--inline .visible-*-inline-block
可见设备
.visible-xs-* .visible-sm-* .visible-md-* .visible-lg-*
隐藏设备
.hidden-xs .hidden-sm .hidden-md .hidden-lg