bootstrap中v4和v3版本的区别是什么?

bootstrap中v4和v3版本的区别是什么?下面本篇文章给大家介绍一下对比一下bootstrap v3和bootstrap v4,介绍它们有什么不同。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

bootstrap v3和bootstrap v4的区别:

Bootstrap v3Bootstrap v4
Less 编写Sass 编写
4种栅格类5种栅格类
使用px为单位使用rem和em为单位
(除部分margin和padding使用px)
使用push和pull向左右移动偏移列通过offset-类设置
使用float的布局方式选择弹性盒模型(flexbox)

Bootstrap v4特点

  • 新增网格层适配了移动端;

  • 全面引入ES6新特性(重写所有JavaScript插件);

  • css文件减少了至少40%;

  • 所有文档都用Markdown编辑器重写;

  • Bootstrap4 放弃了对 IE8 以及 iOS 6 的支持,现在仅仅支持 IE9 以上 以及 iOS 7 以上版本的浏览器。如果对于其中需要用到以前的浏览器,那么请使用 Bootstrap3。

栅格

注:Bootstrap3的4种栅格:

  • 特小(col-xs-) 适配手机(<768px)

  • 小(col-sm-) 适配平板(≥768px)

  • 中(col-md-) 适配电脑(≥992px)

  • 大(col-lg-) 适配宽屏电脑(≥1200px)

Bootstrap4的5种栅格:

  • 特小(col-)(<576px)

  • 小(col-sm-)(≥576px)

  • 中(col-md-)(≥768px)

  • 大(col-lg-) (≥992px)

  • 特大(col-xl-)(≥1200px)

更多web前端知识,请查阅 HTML中文网 !!

以上就是bootstrap中v4和v3版本的区别是什么?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » Bootstrap 教程

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏