通過下表可以詳細查看 Bootstrap 的柵格系統是如何在多種屏幕設備上工作的。 | | 超小屏幕 手機 (<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） | 是 | | 列排序 | 是 |