bootstrap栅栏布局实现原理

bootstrap栅栏布局实现原理？

bootstrap栅栏布局实现的原理是最基本的格局原理，通过复合形态的系统文件墙，结合形成固定的架构，从而实现信息的复杂传输以及布局，实现高度保密性的连接。

行（row）必须放在.container（固定宽度）或.container-fluid（100%宽度）内，以便为其赋予合适的排列（aligment）和内补（padding）;

通过“行（row）”在水平方向创建一组“列（col）”;

你的内容应当放置在“列（col）”内，并且，只有“列（col）”可以作为行的直接子元素。

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

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

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

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

如果一“行（row）”中包含了的“列（col）”大于12，多余的“列（col）”所在的元素被作为一个整体另外一行排列。