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(即使大多兼容,依然不推荐);
已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 创作都市 设计师:CSDN官方博客 返回首页