Bootstrap3 與 Bootstrap4 官網地址
Bootstrap3 官網：https://v3.bootcss.com
Bootstrap4 官網：https://v4.bootcss.com
Bootstrap4 特點
-
新增網格層適配移動端
-
全面引入ES6新特性（重寫所有JavaScript插件）
-
css文件減少了至少40%
-
所有文檔都用Markdown編輯器重寫
-
放棄對IE8的支持
Bootstrap3 與 Bootstrap4 區別
| Bootstrap3 | Bootstrap4 |
|---|---|
| Less | Sass語言編寫 |
| 4種柵格類 | 5種柵格類 |
| 使用px為單位 | 使用rem和em為單位（除部分margin和padding使用px） |
| 使用push和pull向左右移動 | 偏移列通過offset-類設置 |
| 使用float的布局方式 | 選擇彈性盒模型（flexbox） |
Bootstrap3的4種柵格：
特小（col-xs-） 適配手機(<768px)
小（col-sm-） 適配平板(≥768px)
中（col-md-） 適配電腦(≥992px)
大（col-lg-） 適配寬屏電腦(≥1200px)
Bootstrap4的5種柵格：
特小（col-）(<576px)
小（col-sm-）(≥576px)
中（col-md-）(≥768px)
大（col-lg-） (≥992px)
特大（col-xl-）（≥1200px）