bootstrap3和bootstrap4的差异
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)
bootstrap4特点
新增网格层适配了移动端;
全面引入es6新特性(重写所有javascript插件);
css文件减少了至少40%;
所有文档都用markdown编辑器重写;
支持internet explorer 10及更高版本,不支持ie9(即使大多兼容,依然不推荐);
更多编程相关知识,请访问:编程视频!!
以上就是浅谈bootstrap3和bootstrap4的差异的详细内容。
