Powered by md-Blog  文 - 篇  访客 -

Bootstrap v3和v4版本之间的区别


  分类:大前端  / 
更新:2020-11-01 17:25:19  /  创建:2020-03-22 18:23:57
不要删除

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)

不同点

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

不要删除

小站不易,感谢支持!