• 技术文章 >web前端 >Bootstrap教程

    浅谈Bootstrap3和Bootstrap4的差异

    青灯夜游青灯夜游2021-06-16 18:01:32转载855
    本篇文章给大家介绍一下Bootstrap3和Bootstrap4的差异。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

    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特点

    更多编程相关知识,请访问:编程视频!!

    以上就是浅谈Bootstrap3和Bootstrap4的差异的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:csdn,如有侵犯,请联系admin@php.cn删除
    专题推荐:Bootstrap
    上一篇:bootstrapTable如何重新加载数据?3种方式了解一下! 下一篇:bootstrapValidator如何验证最大值和最小值限制
    大前端线上培训班

    相关文章推荐

    • 详解Bootstrap中的按钮组件• 详解Bootstrap中的手风琴效果• 详解Bootstrap中的图片轮播--Carousel插件• 深入浅析Bootstrap中的自动定位浮标• 浅谈查看bootstrap和jQuery版本对应关系的方法

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网