zoukankan      html  css  js  c++  java
  • 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)

    作者:Binge
    本文版权归作者和博客园共有,转载必须给出原文链接,并保留此段声明,否则保留追究法律责任的权利。
  • 相关阅读:
    学习进度条64
    学习进度条63
    学习进度条62
    学习进度条61
    学习进度条60
    学习进度条59
    学习进度条58
    学习进度条57
    学习进度条56
    学习进度条55
  • 原文地址:https://www.cnblogs.com/binbingg/p/13716298.html
Copyright © 2011-2022 走看看