首页前端开发其他前端知识Bootstrap3和Bootstrap4有哪些的不同

Bootstrap3和Bootstrap4有哪些的不同

时间2024-03-28 10:06:03发布访客分类其他前端知识浏览1309
导读:在实际案例的操作过程中,我们可能会遇到“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有哪些的不同”的文章就介绍到这了,感谢各位的阅读,更多相关Bootstrap3和Bootstrap4有哪些的不同内容,欢迎关注网络资讯频道,小编将为大家输出更多高质量的实用文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: Bootstrap3和Bootstrap4有哪些的不同
本文地址: https://pptw.com/jishu/654868.html
C语言指针是什么,如何定义和使用 BootStrap如何实现栅格布局,哪些要点要注意

游客 回复需填写必要信息