網格選項

什麼是 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)
巢狀
偏置
列排序