Bootstrap3和Bootstrap4有哪些区别
Bootstrap3和Bootstrap4区别
首先引入Bootstrap3和4官网连接； Bootstrap3 VS Bootstrap4.
不同点
Bootstrap3/Bootstrap4
Less/Sass语言编写
4种栅格类/5种栅格类
使用px为单位/使用rem和em为单位（除部分margin和padding使用px）
使用push和pull向左右移动/偏移列通过offset-类设置
特小（col-xs-） 适配手机(<768px)
小（col-sm-） 适配平板(≥768px)
中（col-md-） 适配电脑(≥992px)
特小（col-）(<576px)
小（col-sm-）(≥576px)
中（col-md-）(≥768px)
大（col-lg-） (≥992px)
新增网格层适配了移动端；
全面引入ES6新特性（重写所有JavaScript插件）；
css文件减少了至少40%；
所有文档都用Markdown编辑器重写；
放弃对IE8的支持
使用小图标需要自行引入
首先引入Bootstrap3和4官网连接； Bootstrap3 VS Bootstrap4.
不同点
Bootstrap3/Bootstrap4
Less/Sass语言编写
4种栅格类/5种栅格类
使用px为单位/使用rem和em为单位（除部分margin和padding使用px）
使用push和pull向左右移动/偏移列通过offset-类设置
使用float的布局方式/选择弹性盒模型（flexbox）
特小（col-xs-） 适配手机(<768px)
小（col-sm-） 适配平板(≥768px)
中（col-md-） 适配电脑(≥992px)
大（col-lg-） 适配宽屏电脑(≥1200px)
特小（col-）(<576px)
小（col-sm-）(≥576px)
中（col-md-）(≥768px)
大（col-lg-） (≥992px)
特大（col-xl-）（≥1200px）
新增网格层适配了移动端；
全面引入ES6新特性（重写所有JavaScript插件）；
css文件减少了至少40%；
所有文档都用Markdown编辑器重写；
放弃对IE8的支持
使用小图标需要自行引入