柵格系統(tǒng)介紹
Bootstrap 提供了一套響應(yīng)式、移動設(shè)備優(yōu)先的流式柵格系統(tǒng)，隨著屏幕或視口（viewport）尺寸的增加，系統(tǒng)會自動分為最多12列。
柵格系統(tǒng)用于通過一系列的行（row）與列（column）的組合來創(chuàng)建頁面布局，你的內(nèi)容就可以放入這些創(chuàng)建好的布局中。
但在較復(fù)雜的頁面上出現(xiàn)問題，間隔，內(nèi)外邊距常困擾開發(fā)人員，需要深入源碼和文檔理解柵格系統(tǒng)才能運(yùn)用自如。
“行（row）”必須包含在 .container （固定寬度）或 .container-fluid （100% 寬度）中，以便為其賦予合適的排列（aligment）和內(nèi)補(bǔ)（padding）。
Bootstrap 柵格系統(tǒng)的精妙之處, 通過container, row, column都有15px的padding槽邊和 row的margin -15px設(shè)置，巧妙實(shí)現(xiàn)在 column 中嵌套 row進(jìn)行nesting 擴(kuò)展(超過12列)，而不需要再套一層 container

Container作用
在隨時(shí)可能的寬度變化(響應(yīng)式)中提供寬度限制。當(dāng)頁面寬度變化，container 的寬度也隨之變化。并且其中的 column 的寬度是基于百分比，所以他們的值不需要變化。
提供一個(gè)水平方向的 padding，使其內(nèi)部的內(nèi)容不會接觸到瀏覽器的邊界，大小為15px，就是圖片中粉紅色的部分。
注意，不需要也不應(yīng)該在 container 中嵌套另一個(gè) container。
Row作用
Row 是 column 直接存在的容器，按照文檔描述 row 中最多可有12個(gè) column，不過可以通過 nesting 的方式靈活擴(kuò)展。同時(shí)作為都是左浮動的 column 的 wrapper，自帶 clearfix 的性質(zhì)。
row 左右各有 －15px 的 margin，就是圖片中的藍(lán)色部分。這樣也就抵消了上面提到的 container 中15px的 padding，這是bootsrtap柵格系統(tǒng)的精妙之處。
注意：千萬記住要把 row 放到 container 的內(nèi)部，這樣才能保證正常。
Column作用
每個(gè)column 也會有15px的水平方向的 padding，也就是圖片中黃色的部分，colunmn 只能在 row 中生存，由于 row 的 margin 為－15px，那么位于兩邊的 column 就碰到了 container 的邊界。但是 colunmn 本身又有 15px 的 padding 使得它其中的內(nèi)容并不會碰到 container，同時(shí) 不同column的內(nèi)容之間就有了30px的槽。結(jié)合圖片看一下就一目了然了。
注意：一定要把 column 放到 row 里使用。
nesting擴(kuò)展
通過container, row, column都有15px的padding槽邊和 row的margin -15px設(shè)置，巧妙實(shí)現(xiàn)在 column 中嵌套 row進(jìn)行nesting 擴(kuò)展(超過12列)，而不需要再套一層 container
在 nseting 的時(shí)候 column 的作用也相當(dāng)于 container 了，這樣就可以實(shí)現(xiàn)任意的嵌套了。

禁止響應(yīng)式布局有如下幾步：
移除 此 CSS 文檔中提到的設(shè)置瀏覽器視口（viewport）的標(biāo)簽：<meta>。
通過為 .container 類設(shè)置一個(gè) width 值從而覆蓋框架的默認(rèn) width 設(shè)置，例如 width: 970px !important; 。請確保這些設(shè)置全部放在默認(rèn)的 Bootstrap CSS 文件的后面。注意，如果你把它放到媒體查詢中，也可以略去!important 。
如果使用了導(dǎo)航條，需要移除所有導(dǎo)航條的折疊和展開行為。
對于柵格布局，額外增加 .col-xs-* 類或替換掉 .col-md-* 和 .col-lg-*。 不要擔(dān)心，針對超小屏幕設(shè)備的柵格系統(tǒng)能夠在所有分辨率的環(huán)境下展開。
針對 IE8 仍然需要額外引入 Respond.js 文件（由于仍然利用了瀏覽器對媒體查詢（media query）的支持，因此還需要做處理）。這樣就禁用了 Bootstrap 對移動設(shè)備的響應(yīng)式支持。