浅谈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爱好者其它相关文章!
相关阅读更多 +
-
怎么删除WinPE开始菜单中的程序(winpepge 怎么删除) 2025-06-28
-
PE启动时出现乱码怎么办(pe一直在启动界面) 2025-06-28
-
装机大师pe系统检测cpu核心速度使用教程(pcos装机大师) 2025-06-28
-
一键U盘重装系统进入WinPE时固定U盘盘符的方法(一键重装u盘启动) 2025-06-28
-
电脑无法进入到winPE系统中怎么办?(电脑无法进入到u盘系统) 2025-06-28
-
如何判断自己的电脑是否支持uefi启动模式?(如何判断自己的幸运色) 2025-06-28
最近更新