行必須包含在.container或.container-fluid裡面，前者是固定布局，後者是100%寬度布局。行的類是.row，通過行在水平方向建立一組列。
內容應該放在「列」裡，並且只有列可以作為行的直接子元素。
如果一行包含的列多餘12，多餘的列所在的元素就會另起一行排列。
bootstrap的柵格系統可以在多種螢幕裝置上工作，分界線為
1、超小螢幕（手機）：<768px，列的類字首為.col-xs-。最大列寬自動適應。
2、小螢幕（平板）：≥768px，列的類字首為.col-sm-。最大列寬62px。
3、中等螢幕（桌面顯示器）：≥992px，列的類字首為.col-md-。最大列寬81px。
4、大螢幕（大桌面顯示器）：≥1200px，列的類字首為.col-lg-。最大列寬97px。
為了建立強大的動態布局，可以同時應用以上幾種列的定義，來適應不同螢幕大小的裝置。如：
.col-xs-12 .col-sm-6 .col-md-8
.col-xs-6 .col-md-4
以上**定義了當裝置為手機時，顯示兩列cms系統，比例2:1，裝置為平板類小螢幕時，只顯示50%寬度的內容。裝置為桌面顯示器等中等螢幕時也顯示2：1的兩列。避免了只使用大螢幕類而使小螢幕顯示時堆疊在一列中。
Bootstrap 柵格系統
目錄 1 簡介 2 柵格選項 3 列偏移 4 巢狀列 5 列排序 1 簡介 bootstrap內建了一套響應式 移動裝置優先的流式柵格系統，隨著螢幕裝置或視口 viewport 尺寸的增加，系統會自動分為最多12列。它包含了易於使用的預定義classe，還有強大的mixin用於生成更具語義的布局。2...
Bootstrap柵格系統
bootstrap基本模板 bootstrap 提供了一套響應式 移動裝置優先的流式柵格系統，隨著螢幕或視口 viewport 尺寸的增加，系統會自動分為最多12列。它包含了易於使用的預定義類，還有強大的mixin 用於生成更具語義的布局。頁面中的一行，比例可以自己定義，但必須保證是12列，如果缺少...
bootstrap 柵格系統
cdn 網路 託管 優點 減少伺服器請求 柵格系統的容器 固定寬居中 container 0 768移動端 768 992pad端 992 1200pc端 1200 pc端寬屏 xs sm md lg 100 750 970 1170 全屏 百分百 container fluid 注意 子元素若要實...