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)

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zgydzx.html