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）”所在的元素被作為一個整體另外一行排列。