您现在的位置是:群英 > 开发技术 > web开发
Bootstrap3和Bootstrap4有哪些的不同
Admin发表于 2022-05-09 17:41:19113 次浏览
在实际案例的操作过程中,我们可能会遇到“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有哪些的不同内容,欢迎关注群英网络资讯频道,小编将为大家输出更多高质量的实用文章!

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。

标签: Bootstrap3
相关信息推荐
2021-11-03 17:49:06 
摘要:这篇文章给大家分享的是PHP中include和require的使用区别,include和require都是PHP中包含外部文件的方式,一些朋友对两者的区别不是很理解,对此本文就给大家来讲讲,文中示例代码介绍的非常详细,感兴趣的朋友接下来一起跟随小编看看吧。
2022-06-16 17:01:58 
摘要:在准备学go的小伙伴,一开始都会直接在Windows上安装使用,今天给大家写一份在Linux上的安装教程。
2022-05-31 17:46:53 
摘要:java integer的取值范围是从【-2147483648 至 2147483647】,包括【-2147483648】和【2147483647】,取值【-128--127】的时候效率最高。
推荐内容
热门关键词
热门信息
群英网络助力开启安全的云计算之旅
立即注册,领取新人大礼包
  • 联系我们
  • 24小时售后:4006784567
  • 24小时TEL :0668-2555666
  • 售前咨询TEL:400-678-4567

  • 官方微信

    官方微信
Copyright  ©  QY  Network  Company  Ltd. All  Rights  Reserved. 2003-2019  群英网络  版权所有   茂名市群英网络有限公司
增值电信经营许可证 : B1.B2-20140078   粤ICP备09006778号
免费拨打  400-678-4567
免费拨打  400-678-4567 免费拨打 400-678-4567 或 0668-2555555
微信公众号
返回顶部
返回顶部 返回顶部