柵格系統
bootstrap 提供了一套響應式、移動裝置優先的流式柵格系統，隨著螢幕或視口（viewport）尺寸的增加，系統會自動分為最多12列。它包含了易於使用的預定義類，還有強大的mixin 用於生成更具語義的布局。
在.container （固定寬度）或.container-fluid （100% 寬度）中 新增行（row）,行（row）中新增列（column），內容放在列（column）中。
柵格系統可以在多種螢幕裝置上工作，實現了響應式。
col-xs- 超小螢幕 手機（<768px）。
col-sm- 小螢幕 平板 。（≥768px 且 <992px）。
col-md- 中等螢幕 桌面顯示器（≥992px且<1200px）。
col-lg- 大螢幕 大桌面顯示器（≥1200px）。
使用如下：
效果：
可以明顯看到看出每一行有12列
如果有一行列超過12列，多餘的列所在的元素將被作為乙個整體另起一行排列。
如果有一行列小於12列，少的列會空出來。
使用柵格引數可以構成乙個響應式網頁。
在不同裝置下有不同的效果。
螢幕寬度≥1200px下，按col-lg- 分配的比例顯示
螢幕寬度≥992px且<1200px下，按col-md- 分配的比例顯示
螢幕寬度≥768px 且 <992px下，按col-sm- 分配的比例顯示
螢幕寬度<768px下，按col-xs- 分配的比例顯示
柵格系統簡單容易控制,更加方便。
列偏移 col-*(lg、md、sm、xs)-offset-
使用col-*-offset-可以將列向右側偏移，實際是通過使用 * 選擇器為當前元素增加了左側的邊距（margin）。
沒有加之前：
加上之後：
列排序使用.col-*-push-和.col-*-pull-類就可以很容易的改變列（column）的順序。
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 注意 子元素若要實...