md-Blog,基于.md文件生成的MarkDown博客系统。
简单、实用、归纳、管理。
Powered by md-Blog
文 -
篇 访客 -
Bootstrap v3和v4版本之间的区别
分类:大前端 /
更新:2020-11-01 17:25:19 /
创建:2020-03-22 18:23:57
不要删除
Bootstrap v4特点
新增网格层适配了移动端;
全面引入ES6新特性(重写所有JavaScript插件);
css文件减少了至少40%;
所有文档都用Markdown编辑器重写;
Bootstrap4 放弃了对 IE8 以及 iOS 6 的支持,现在仅仅支持 IE9 以上 以及 iOS 7 以上版本的浏览器。如果对于其中需要用到以前的浏览器,那么请使用 Bootstrap3。
栅格
注: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)
不同点
Bootstrap v3
Bootstrap v4
Less 编写
Sass 编写
4种栅格类
5种栅格类
使用px为单位
使用rem和em为单位
(除部分margin和padding使用px)
使用push和pull向左右移动
偏移列通过offset-类设置
使用float的布局方式
选择弹性盒模型(flexbox)
../../md/大前端/
不要删除
小站不易,感谢支持!