本篇文章给大家介绍一下bootstrap3和bootstrap4的差异。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
Bootstrap3和Bootstrap4的差异
Bootstrap3
Bootstrap4
Less预处理Sass预处理
bootstrap3 共有4种栅格类,依次是:
特小(col-xs-) (
小(col-sm-) (>=768px)
中(col-md-) (>=992px)
大(col-lg-) (>=1200px)
Bootstrap 4 共有5种栅格类,依次是:
特小(col-) (
小(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的差异的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3000490.html