浅谈Bootstrap3和Bootstrap4的差异

本篇文章给大家介绍一下Bootstrap3和Bootstrap4的差异。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

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

• 新增网格层适配了移动端；

• 全面引入ES6新特性（重写所有JavaScript插件）；

• css文件减少了至少40%；

• 所有文档都用Markdown编辑器重写；

• 支持Internet Explorer 10及更高版本，不支持IE9（即使大多兼容，依然不推荐）；

更多编程相关知识，请访问：编程视频！！

以上就是浅谈Bootstrap3和Bootstrap4的差异的详细内容，更多请关注自由互联其它相关文章！