Bootstrap栅格系统的工作原理是什么？

·“行(row)”必须包含在.container(固定宽度)或.container-fluid(100%宽度)中，以便为其赋予合适的排列(aligment)和内补(padding)。 通过“行(row)”在水平方向创建一组列(column)"。

·你的内容应当放置于列(column)内，并且，只有列(column)"可以作为行(row)”的直接子元素。

·类似.row和.col-xs-4这种预定义的类，可以用来快速创建栅格布局。Bootstrap源码中定义的mixin也可以用来创建语义化的布局。

·通过为“列(column)”设置padding属性，从而创建列与列之间的间隔(qutter)。通过为.row元素设置负值margin 从而抵消掉为.container 元素设置padding，也就间接为“行(row)"所包含的“列(column)”抵消掉了padding。

·负值的margin就是下面的示例为什么是向外突出的原因。在栅格列中的内容排成一行。

·栅格系统中的列是通过指定1到12的值来表示其跨越的范围。例如，三个等宽的列可以使用三个.col-xs-4来创建。

·如果一“行(row)”中包含了的“列(column)”大于12多余的“列(column)”所在的元素将被作为一个整体另起一行排列。

·栅格类活用于与屏幕宽度大于或等于分界点大小的设备，并且针对小屏幕设备盖栅格类。因此，在元素上应用任何.col-md-*格类活用干与屏幕宽度大干或等于分界点大小的设备，并目针对小屏幕设备覆盖栅格类。因此，在元素上应用任何.col-1g-*不存在，也影响大屏幕设备。