3.2.1 网格选项

网格每一行都需要放在设置了.container（固定宽度）或.container-fluid（全屏宽度）类的容器中，这样才可以自动设置一些外边距与内边距。

在网格系统中，使用行来创建水平的列组，内容放置在列中，并且只有列可以是行的直接子节点。预定义的类如.row和.col-sm-4可用于快速制作网格布局，列通过填充创建列内容之间的间隙，这个间隙是通过row类上的负边距设置第一行和最后一列的偏移。

网格列是通过跨越指定的12个列来创建。例如，设置三个相等的列，需要使用三个.col-sm-4来设置。

Bootstrap 3和Bootstrap 4最大的区别在于Bootstrap 4现在使用Flexbox（弹性盒子）而不是浮动。Flexbox的一大优势——没有指定宽度的网格列将自动设置为等宽与等高列。

虽然Bootstrap 4使用em或rem来定义大多数尺寸，但网格断点和容器宽度使用的是px。这是因为视口宽度以像素为单位，并且不随字体大小而变化。

Bootstrap 4的网格系统在各种屏幕和设备上的约定如表3-1所示。

表3-1 网格系统在各种屏幕和设备上的约定