浅谈Bootstrap3和Bootstrap4的差异
时间：2021-05-20 来源：互联网
今天PHP爱好者给大家带来本篇文章给大家介绍一下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的差异的详细内容，更多请关注php爱好者其它相关文章！
相关阅读更多 +
-
直播间你配吗是什么梗-揭秘主播怼人新套路 2025-08-13 -
最近出的梗是什么梗-揭秘全网爆火新梗速看 2025-08-13
-
最近厨师是什么梗揭秘-厨师梗爆火背后真相全解析 2025-08-13
-
最近厨子是什么梗揭秘爆火背后真相-全网热议的厨子梗原来是这个意思 2025-08-13
-
最近打工的梗是什么梗-揭秘年轻人职场新流行暗号 2025-08-13
-
最近大话西游是什么梗-揭秘经典台词爆火背后的搞笑名场面 2025-08-13
最近更新
