这篇文章给大家分享的是有关Bootstrap3和Bootstrap4的有什么区别的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。Bootstrap3和Bootstrap4的差异Bootstrap3Bootstrap
这篇文章给大家分享的是有关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(即使大多兼容,依然不推荐);
Bootstrap是目前最受欢迎的前端框架,它是基于 html、CSS、JAVASCRIPT 的,它简洁灵活,使得 WEB 开发更加快捷,它还有一个响应最好的Grid系统,并且能够在手机端通用,而Bootstrap是使用许多可重用的CSS和JavaScript组件,可以帮助实现需要的几乎任何类型的网站的功能,此外,所有这些组件都是响应式的。
感谢各位的阅读!关于“Bootstrap3和Bootstrap4的有什么区别”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
--结束END--
本文标题: Bootstrap3和Bootstrap4的有什么区别
本文链接: https://lsjlt.com/news/276726.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0