首先需要容器：container
後生成行：row
在行裡生成列：col-xs-x(<=768), col-md-x(>=768);
col-lg-x(>=992),col-sm-x(>=1200)
每row 中 」x"之和不可大於12
整個容器元素是按照文件流排列的
示例：.container>.row>(col-md-4.blue)+(col-md-8.blue)
四列八列
隨螢幕尺寸大小排列；
push(推),pull(拉)操作,offset(偏移)：
.container>.row>(.col-md-4.col-md-push-8.blue)+(.col-md-8.col-pull-4.blue)
offset是向右偏移(用法與push，pull相同)
至於柵格的巢狀：「>" 跟以上相似：
.container>.row>.col-md-12.blue>(.col-md-3.blue)+(.col-md-4.blue)+(.col-md-5.blue)
柵格中的padding:0;
柵格中：col-sx-,col-sm,col-md,col-lg,其本質是相同的，只是其初始大小不同。
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 注意 子元素若要實...