Bootstrap Bootstrap3 与 Bootstrap4 的区别

Bootstrap3 与 Bootstrap4 官网地址

Bootstrap3 官网：https://v3.bootcss.com

Bootstrap4 官网：https://v4.bootcss.com

Bootstrap4 特点

• 新增网格层适配移动端

• 全面引入ES6新特性（重写所有JavaScript插件）

• css文件减少了至少40%

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

• 放弃对IE8的支持

Bootstrap3 与 Bootstrap4 区别

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

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）