跨多個裝置的工作 Bootstrap 網格系統

網格系統透過一系列包含你內容的行和列用於建立頁面佈局。

以下是 Bootstrap 網格系統的工作原理

• 必須將行置於 .container 類中以實現適當的對齊和填充。
• 使用行建立列的水平組。
• 內容應該置於列中，並且只有列可以是行的直接子內容。
• 可以使用預定義的網格類（例如 .row 和 .col-xs-4）快速建立網格佈局。還可以在更加語義化的佈局中使用更少的混入。
• 列透過填充建立留白（列內容之間的間隙）。在 .rows 上，使用 .rows 中第一個和最後一個列的負邊距抵消行中的填充。
• 透過指定想要跨越的十二個可用列中的列數來建立網格列。例如，三個相等的列應使用三個 .col-xs-4。

阿俊·塔庫爾

更新於：2020-06-12

353 次瀏覽

開啟你的職業

完成該課程獲得認證

開始