Bootstrap是Twitter開源的基於HTML、CSS、JavaScript的前端框架。
它是為實現快速開發Web應用程序而設計的一套前端工具包。
它支持響應式布局，並且在V3版本之后堅持移動設備優先。
Bootstrap是一個前端開發的框架，其實就是一堆HTML代碼，有一些自帶的CSS樣式類（只需要記憶常用的CSS樣式類）
官網鏈接地址：https://v3.bootcss.com/
1-布局容器類——container類
Bootstrap 需要為頁面內容和柵格系統包裹一個 .container 容器。我們提供了兩個作此用處的類。注意，由於 padding 等屬性的原因，這兩種 容器類不能互相嵌套。
.container 類用於固定寬度並支持響應式布局的容器。
2-柵格系統
Bootstrap 提供了一套響應式、移動設備優先的流式柵格系統，隨着屏幕或視口（viewport）尺寸的增加，系統會自動分為最多12列。柵格系統提供了48個類
| 設備分類 |
超小屏幕-手機（<768px） | 小屏幕-平板（>=768px） | 中等屏幕-PC端屏幕(>=992px) | 大屏幕-台式顯示器（>=1200px） |
| .container最大寬度 | None （自動） | 750px | 970px | 1170px |
| 類前綴 | .col-xs | .col-sm | .col-md | .col-lg |
| 所占列數 | 默認占12列 |
例：.col-sm-3:表示在小屏以上，一個元素占3列，一行可以放三個元素 | ||
| 偏移（offsets） | |
|
|
|