Bootstrap - 栅格系统

里面的行，必须包含在container这样的容器中。

图片.png

container -> 行 -> 列：
只有『列』才能作为直接子元素。

我们可以设置一些padding这些，在列与列之间间隔：

图片.png

我们通过为第一列和最后一列元素设置负值的margin，从而抵消掉padding的影响。使之成为居中：

图片.png

在栅格系统中，列是通过1~12的值表示其跨越的一个范围：

图片.png

设备的宽度，在大于或者等于阈值的时候，起作用。
并且针对小屏幕

---

栅格布局

图片.png
图片.png
图片.png

一定范围内：

图片.png

lg-md-sm-xs
大屏-中屏-小屏-超小屏
大屏显示器 -一般pc-平板-手机
偏移：
col-lg-offset-3

图片.png