bootstrap是乙個用於快速開發web應用程式和**的前端框架，它包括html,css,js等。它是由twitter開發，現在成為github上最為流行的前端開發框架。它提供了一套響應式，移動裝置優先的流式柵格系統，隨著螢幕或視窗尺寸增加，系統會自動分為最多12列。
柵格系統用於通過一系列的行（row）與列（column）的組合來建立頁面布局，你的內容就可以放入這些建立好的布局中。bootstrap柵格系統的工作原理如下：
下圖是乙個柵格系統，共有四行。我們可以使用bootstrap的grid-system容易的實現。
**如下：
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-8
.col-md-4
.col-md-4
.col-md-4
.col-md-4
.col-md-6
.col-md-6
該工程的專案結構為：
路徑描述
src關於bootstrap柵格系統的源**
release
編譯出來的css**
gruntfile
定義編譯sass到css的任務
example
例子 src中共包括以下檔案：
通過改變_config.scss中的$grid-columns和$grid-gutter-width數值，來自定義你自己的柵格系統，例如，如果你覺得預設的12列系統不能滿足需求，你可以定義24列系統等。然後在根目錄中，使用grunt sass:dev命令，可以自動將scss源**編譯成css，放在release目錄中。
BootStrap 網格系統
網路系統 bootstrap 允許將頁面劃分成共12個等寬邏輯單元，既允許單獨地使用這12個等分邏輯單元，也可以將其相鄰的列合併成乙個更寬的邏輯單元，甚至在乙個邏輯單元中再劃分12個子邏輯單元。如下圖所示 網格用到的類樣式bootstrap的網路系統支援可響應式布局，當其列螢幕大小發生變化時則自動計...
bootstrap網格系統回顧
bootstrap 提供了一套響應式 移動裝置優先的流式網格系統，隨著螢幕或視口 viewport 尺寸的增加，系統會自動分為最多12列。什麼是網格 grid 在平面設計中，網格是一種由一系列用於組織內容的相交的直線 垂直的 水平的 組成的結構 通常是二維的 它廣泛應用於列印設計中的設計布局和內容結...
Bootstrap 網格系統布局
bootstrap提供了一套響應式 移動裝置優先的流式網格系統 grid system 隨著螢幕或視口 viewport 尺寸的增加，系統會自動分為最多12列。在平面設計中，網格是一種由一系列用於組織內容的相交的直線 垂直的 水平的 組成的結構 通常是二維的 它廣泛應用於列印設計中的設計布局和內容結...