Bootstrap3 和 Bootstrap4 的区别

 

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特点

1. 新增网格层适配了移动端；
2. 全面引入ES6新特性（重写所有JavaScript插件）；
3. css文件减少了至少40%；
4. 所有文档都用Markdown编辑器重写；
5. 支持Internet Explorer 10及更高版本，不支持IE9（即使大多兼容，依然不推荐）；