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特点

  1. 新增网格层适配了移动端;
  2. 全面引入ES6新特性(重写所有JavaScript插件);
  3. css文件减少了至少40%;
  4. 所有文档都用Markdown编辑器重写;
  5. 支持Internet Explorer 10及更高版本,不支持IE9(即使大多兼容,依然不推荐);
经验分享 程序员 微信小程序 职场和发展