Bootstrap 網格系統

Bootstrap 使用具有行和列的網格系統

在網格系統中，你使用行類建立一個水平框，總共有 12 列，每列大小為 1 個單位，每個垂直對應不同的螢幕大小。如果你不想單獨使用所有 12 列，則可以將列組合在一起以建立更寬的列。

示例：如果要生成一列 3 列 - 你有一個 div，其中 class =row（即一個水平框）和 3 列（class = col.xs.xx），每個大小為 3，大小為 2，大小 7（3 + 2 + 7 = 12）對於 xs =超小尺寸的螢幕尺寸

標題

lorem ipsum

網格類

Bootstrap 網格系統有四個響應式設計類，如下所示：

xs (for phones)
sm (for tablets)
md (for desktops)
lg (for larger desktops)

如何使用？

對於基本示例 4 列

<div class="row">
  <div class="col-sm-4">Your Div Content</div>
  <div class="col-sm-4">Your Div Content</div>
  <div class="col-sm-4">Your Div Content</div>
</div>

例 4 列