• 技术文章 >web前端 >前端问答

    bootstrap4和bootstrap3的区别是什么

    青灯夜游青灯夜游2019-06-18 11:03:27原创10373
    Bootstrap是基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。下面本篇文章给大家介绍bootstrap4和bootstrap3的区别,希望对你们有所帮助。

    bootstrap4和bootstrap3的区别

    1、移动优先设置不同

    Bootstrap4:

    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    Bootstrap3:

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

    2、源码编写不同

    bootstrap4它的源码是采用 Sass 语言编写的;bootstrap3它的源码是采用 Less 语言编写的。

    3、栅格系统不同

    Bootstrap 4 共有5种栅格类,依次是特小(col-)、小(col-sm-)、中(col-md-)、大(col-lg-)、特大(col-xl-)

    bootstrap3 共有4种栅格类,依次是特小(col-xs-)、小(col-sm-)、中(col-md-)、大(col-lg-)

    4、布局方式不同

    Bootstrap 4使用弹性盒模型(flexbox)的布局方式,偏移列通过offset-类设置,例如:.offset-md-4 是把.col-md-4 往右移了四列格。;bootstrap3使用float的布局方式,使用push和pull向左和向右移动。

    以上就是bootstrap4和bootstrap3的区别是什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:bootstrap
    上一篇:illustrator和photoshop的区别是什么? 下一篇:bootstrap能做什么
    PHP编程就业班

    相关文章推荐

    • 带你快速打造属于自己的Bootstrap站点• bootstrap教程整理-起步+CSS基础• bootstrap用什么软件• bootstrap-vue是什么

    全部评论我要评论

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

    PHP中文网