bootstrap提供了許多的樣式類，裡面的樣式包括排版、**、表單等等。bootstrap內建了一套響應式、移動裝置優先的流式柵格系統，系統自動最多分為12列。柵格系統的工作原理：1.行（row）必須包含在.container中，以便為其賦予合適的排列（alignment）和內補（padding）。
2.使用行（row）在水平方向建立一組列（column）。
3.你的內容應當放置於列（column）內，而且只有列（column）可以作為行（row）的直接子元素。
4.可以通過預先定義好的網格類，像.row，.col-xs-4等來快速建立柵格布局。
5.通過設定padding從而建立列（column）之間的間隔（gutter）。然後通過為第一和最後一樣設定負值的margin從而抵消掉padding的影響。
6.柵格系統中的列是通過指定1到12的值來表示其跨越的範圍。例如，三個等寬的列可以使用三個.col-xs-4來建立。
柵格與全寬布局的注意事項：
對於需要佔據整個瀏覽器視口（viewport）的頁面，需要將內容區域包裹在乙個容器元素內，並且賦予padding: 0 15px;，為的是抵消掉為.row所設定的margin: 0 -15px;（如果不這樣的話，你的頁面會左右超出視口15px，頁面底部出現橫向滾動條）。
前端學習筆記 bootstrap 2
前端學習筆記 bootstrap 2 二 柵格系統 1.組成 bootstrap 提供了一套響應式 移動裝置優先的流式柵格系統，隨著螢幕或視口 viewport 尺寸的增加，系統會自動分為最多12列。柵格系統用於通過一系列的行 row 與列 column 的組合來建立頁面布局，你的內容就可以放入這些...
bootstrap學習筆記
學習 然後對bootstrap進行引用 柵格系統中，列數是12，行數不固定 例項 手機 平板 桌面 在上面案例的基礎上，通過使用針對平板裝置的 col sm 類，我們來建立更加動態和強大的布局吧。col xs 12 col sm 6 col md 8 col xs 6 col md 4 col xs...
bootstrap學習筆記
1 引入的檔案 script script 2 柵格系統布局 bootstrap把頁面設定為12列，通過改變列的數字來進行布局。col xs 4 指小於768px的小裝置 11 col sm 4 指 768px的裝置 22 col md 4 指 992px裝置 33 col lg 4 值1200px...