浅谈Bootstrap3和Bootstrap4的差异

广告:宝塔服务器面板,一键全能部署及管理,送你10850元礼包,点我领取~~~

浅谈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的差异的详细内容,更多请关注9543建站博客其它相关文章!

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。
作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:让微信小程序开发如鱼得水(实例)
下一篇:聊聊css为什么需要模块化?怎么进行模块化?

相关推荐

发表评论

关闭广告
关闭广告