| Bootstrap3 | Bootstrap4 |
|---|---|
| Less预处理 | Sass预处理 |
| bootstrap3 共有4种栅格类，依次是： 特小(col-xs-) （<=768px） 小(col-sm-) （>=768px） 中(col-md-) （>=992px） 大(col-lg-) （>=1200px） | Bootstrap 4 共有5种栅格类，依次是： 特小(col-) （<576px） 小(col-sm-) （>=576px） 中(col-md-) （>=768px） 大(col-lg-) （>=992px） 特大(col-xl-) （>=1200px） |
| bootstrap3的栅格系统是使用浮动（float）的布局方式 | Bootstrap 4使用弹性盒模型（flexbox）的布局方式 |
| 使用px为单位 | 使用rem和em为单位（除部分margin和padding使用px） |
Bootstrap4特点
- 新增网格层适配了移动端；
- 全面引入ES6新特性（重写所有JavaScript插件）；
- css文件减少了至少40%；
- 所有文档都用Markdown编辑器重写；
- 支持Internet Explorer 10及更高版本，不支持IE9（即使大多兼容，依然不推荐）；
更多推荐
Bootstrap3 和 Bootstrap4 的区别
发布评论