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 列