不要在行外使用列，那將不起作用
有了上述行和列的內邊距互相抵消，這樣每一列的內容，無管是最2邊的列，還是中間的列，對於整個螢幕來說，都是平等對待的，同時還能控制在同一行當中，即15px + ??px+ 15px的獨立單元，這便是container > row > column 的內邊距設定的巧妙之處。
可以在列中建立新的網格系統，記得只能在列中使用行，不能使用容器：
這樣外層列對於內層行來說，與最外層的容器與行來說的關係是一樣的。
也就是說此時，列的作用與容器的作用相同，形成乙個遞迴關係。
偏移比較好理解，它只是將列的左外邊距增加相應的若干個單位長度。只唯一需要注意的是，針對最左側列進行偏移時，偏移的起始位置，如下圖所示，是從行的-15px外開始的。其實這也好理解，因為外部的行的起始位置是-15px,畢竟內邊距也屬於行的一部分。而中間的列進行偏移時，效果是將前一列與當前列一分為二。
為什麼使用推/拉？根據螢幕尺寸的變大變小，翻轉當前布局。
特別適用於將列重新排列，當螢幕從移動設計布局變到桌面設計，因為它允許你在螢幕大小變動時，打破html預設的：自頂向下，從左至右的布局方式。
特別需要注意的是，pull和push實際上移動了列的位置，而不是改變列的左右邊距，如下圖所示，這樣一來，如果push/pull乙個列，而不是push/pull其相鄰列的話，會出列與列內容重疊在一起的情況。
因此，每當你pull/push一列的時候，相應的鄰近的列也要做乙個互補的push/pull的操作。
明白了網格系統的以上工作原理，我專案當中頁面布局的異
常都得到了合理的解釋。如果覺得還是很難理解，那就切記要按照
container ->row ->column->row->column這種方式去組織介面的網格元素。
本文**於猿2048:boostrap 3.0 網格(grid)工作原理
960網格系統
可以幫助我們在ps中快速布局 12欄，16欄，24欄 我們也可以利用css樣式表模板快速寫網頁 兩欄布局網頁部分 id class container 12 class grid 12 工具欄div div div class container 12 id header class grid 2 ...
1 網格系統
第乙個例子 建立一行 然後，新增是需要的列 col 類中設定 第乙個星號 表示響應的裝置 sm,md,lg 或 xl,第二個星號 表示乙個數字,同一行的數字相加為 12。第二個例子 不在每個col上新增數字，讓 bootstrap 自動處理布局，同一行的每個列寬度相等 兩個 col 每個就為 50 ...
2 網格模型
1.建立幾何模型 var geometry new three.spheregeometry 60,40,40 建立乙個球體幾何物件 var geometry new three.boxgeometry 100,100,100 建立乙個立方體幾何物件geometry 2.建立材質 var mater...