您现在的位置是:群英 > 开发技术 > web开发
Bootstrap3和Bootstrap4有哪些的不同
Admin发表于 2022-05-09 17:41:19645 次浏览
在实际案例的操作过程中,我们可能会遇到“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
相关信息推荐
2022-10-14 17:56:28 
摘要:这篇文章主要介绍了springBoot项目中使用@Value取值出现的问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
2022-05-31 17:40:52 
摘要:雪花算法生成id的方法:首先新建一个id生成的类;然后新建一个调用生成id的单例工具;最后使用函数【GuuidUtil.getUUID()】直接调用即可。
2021-10-30 18:00:28 
摘要:这篇文章给大家分享的是PHP中预定义接口 ,下文将会介绍PHP中的七个预定义接口,分别是Traversable(遍历)接口、Iterator(迭代器)接口、IteratorAggregate(聚合迭代器) 接口、ArrayAccess(数组式访问)接口、Serializable (序列化)接口、Closure 类和Generator (生成器)。感兴趣的朋友接下来一起跟随小编看看吧。
云活动
推荐内容
热门关键词
热门信息
群英网络助力开启安全的云计算之旅
立即注册,领取新人大礼包
  • 联系我们
  • 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
微信公众号
返回顶部
返回顶部 返回顶部