bootstrap提供了一套響應式、移動裝置優先的流式網格系統，隨著螢幕或視口(viewport)尺寸的增加，系統會自動分為最多12列。
網格系統通過一系列包含內容 的行和列來建立頁面布局。
**查詢是非常別緻的「有條件的css規則」。它只適用於一些基於某些規定條件的css。如果滿足相應的條件，則應用相應的樣式。
/*超小裝置(手機，小於768px)*/
/*bootstrap中預設情況下沒有**查詢*/
/*小型裝置(768px起)*/
@media
(min-width
:@screen-sm-min
)/*中型裝置(台式電腦，992px起)*/
@media
(min-width
:@screen-md-min
)/*大型裝置(大台式電腦，1200px起)*/
@media
(min-width
:@screen-lg-min
)
max-width，從而將css的影響限制在更小範圍的螢幕大小之內。
"container"
>
"row"
>
"col-*-*"
>
"col-*-*"
>
"row"
>
..."container"
>
...
為了在大螢幕顯示器上使用偏移，我們可以使用.col-md-offset-*類，這些類會把乙個列的左外邊距(margin)增加 * 列，其中 * 範圍是從1到11。
為了在內容中巢狀預設的網格，請新增乙個新的.row，並在乙個已有的.col-md-*列內新增一組.cod-md-*列。被巢狀的行應包含一組列，這組列個數不能超過12。
bootstrap網格系統其中乙個完美的特性，就是可以很容易地以一種順序編寫列，然後以另一種順序顯示列。
可以很輕易地改變帶有.col-md-push-*和.col-md-pull-*類地內建網格列的順序，其中 * 範圍是從1到11。
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...
bootstrap學習筆記
1 bootstrap簡介 1 是乙個前端自適應ui框架 2 由全域性css樣式，元件，js外掛程式組成 基於jquery 2 組成 1 全域性css樣式 1 寫好的一些html標籤的展示效果，可以全域性進行呼叫，標籤通過class屬性來獲採樣式 2 元件 1 寫好的以下可以直接在頁面上展示的元素，...