浅谈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）