网站建设资讯

NEWS

网站建设资讯

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(即使大多兼容,依然不推荐);

Bootstrap是什么

Bootstrap是目前最受欢迎的前端框架,它是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷,它还有一个响应最好的Grid系统,并且能够在手机端通用,而Bootstrap是使用许多可重用的CSS和JavaScript组件,可以帮助实现需要的几乎任何类型的网站的功能,此外,所有这些组件都是响应式的。

感谢各位的阅读!关于“Bootstrap3和Bootstrap4的有什么区别”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


名称栏目:Bootstrap3和Bootstrap4的有什么区别
当前网址:http://cdweb.net/article/isjsjg.html