bootstrap提供了一套響應式、移動裝置優先的流式網格系統(grid system)，隨著螢幕或視口（viewport）尺寸的增加，系統會自動分為最多12列。
bootstrap 包含了乙個響應式的、移動裝置優先的、不固定的網格系統，可以隨著裝置或視口大小的增加而適當地擴充套件到 12 列。它包含了用於簡單的布局選項的預定義類，也包含了用於生成更多語義布局的功能強大的混合類。網格系統通過一系列包含內容的行和列來建立頁面布局。下面列出了 bootstrap 網格系統是如何工作的：
下面是 bootstrap 基本的網格結構：
......
注意：列**：必須放在行元素下，且行元素裡邊只能包含列子元素，不能跟其他的子標籤元素，否則，布局樣式會亂掉。區塊一 （col-md-8 col-md-offset-1）區塊二 （col-md-3）
區塊三 （col-md-8 col-md-offset-1）
區塊四 （col-md-4）
區塊五（col-md-12）
區塊六（col-md-3）
區塊七（col-md-6）
區塊八（col-md-3）
說明：灰色區域為body, 白色區域內為container容器。
注意：這裡要特別注意區塊
一、區塊二為在同一行，而區塊
三、和區塊四在不同行，為什麼呢？因為列元素為行內元素，如果一行沒有夠12列，則下邊的區塊元素會和它上邊的區塊列加起來小於或等於12，則會排在同一行，如果加起來大於12，則會排在下一列，如區塊一和區塊二兩個列加起來等於12，則剛好能排在同一行，而區塊
三、四兩個列加起來為13，超過一行最大顯示列數12，自然就排在另一行了。
BootStrap 網格系統
網路系統 bootstrap 允許將頁面劃分成共12個等寬邏輯單元，既允許單獨地使用這12個等分邏輯單元，也可以將其相鄰的列合併成乙個更寬的邏輯單元，甚至在乙個邏輯單元中再劃分12個子邏輯單元。如下圖所示 網格用到的類樣式bootstrap的網路系統支援可響應式布局，當其列螢幕大小發生變化時則自動計...
Bootstrap網格系統
bootstrap是乙個用於快速開發web應用程式和 的前端框架，它包括html,css,js等。它是由twitter開發，現在成為github上最為流行的前端開發框架。它提供了一套響應式，移動裝置優先的流式柵格系統，隨著螢幕或視窗尺寸增加，系統會自動分為最多12列。柵格系統用於通過一系列的行 ro...
bootstrap之網格布局
一.實現原理 網格布局是通過容器的大小，平均分為12份 可以修改 再調整內外邊距,和 布局有點類似但是也存在區別。實現步驟如下 1 資料行.row 必須包含在容器.container 中,以便賦予核實的對齊方式和內間距設定 class container class row div div 2 在行...