網格選項
什麼是 Bootstrap 網格系統
Bootstrap 網格系統提供了建立響應式網站佈局的快捷方式。
Bootstrap 3 包含預定義的網格類,可快速為手機,平板電腦,膝上型電腦和桌上型電腦等不同型別的裝置製作網格佈局。
例如,你可以使用 .col-xs- *類為手機等超小型裝置建立網格列,類似於平板電腦等小螢幕裝置的 .col-sm- *類,.col-md- *類適用於桌上型電腦等中型裝置,適用於大型桌面螢幕的 .col-lg- *。
下表總結了新網格系統的一些主要功能
超小型裝置(<768px) | 小型裝置平板電腦(≥768px) | 中型裝置桌上型電腦(≥992px) | 大型裝置桌上型電腦(≥1200px) | |
---|---|---|---|---|
網格行為 | 始終水平 | |||
容器寬度 | 無(自動) | 750px | 970 畫素 | 1170px |
類字首 | .col-xs- |
.col-sm- |
.col-md- |
.col-lg- |
列數 | 12 | 12 | 12 | 12 |
列寬 | 汽車 | 〜62px | 〜81px | 〜97px |
天溝寬度 | 30px(每列 15px) | |||
巢狀 | 是 | |||
偏置 | 是 | |||
列排序 | 是 |