Bootstrap 網格


網格結構化內容並有助於對其進行完美設計。透過一系列容納內容的行和列來使用網格系統建立頁面佈局。

以下是 Bootstrap 網格系統的工作方式 −

  • 行必須放置在 .container 類中以實現適當的對齊和填充。
  • 使用行來建立列的水平組。
  • 內容應放置在列中,並且只有列才能作為行的直接子元素。
  • 預定義的網格類如 .row 和 .col-xs-4 可用於快速製作網格佈局。LESS mixins 還可用於更語義化的佈局。
  • 列透過填充建立間隙(列內容之間的間隙)。透過 .rows 中的第一個和最後一個列的負邊距,在行的填充中抵消該填充。

更新於: 12-6 月-2020

132 次瀏覽

啟動你的 職業

透過完成課程獲得認證

開始
廣告
© . All rights reserved.