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

    Bootstrap的优点和缺点是什么?

    青灯夜游青灯夜游2020-11-30 11:50:53原创1521

    Bootstrap的优点:1、可提高开发效率;2、规范名称定义,便于维护;3、拥有完善的文档,有大量的组件样式;缺点:1、学习成本提高,需要了解整个框架,需要阅读框架的文档;2、css框架对于一个小项目等页面来说很臃肿;3、会有兼容问题。

    推荐:《bootstrap教程

    随着CSS3和HTML5的流行,我们的WEB页面不仅需要更人性化的设计理念,而且需要更酷的页面特效和用户体验。作为开发者,我们需要了解一些宝贵的CSS UI开源框架资源,它们可以帮助我们更快更好地实现一些现代化的界面,包括一些移动设备的网页界面风格设计。接下来就是要详解Bootstrap框架:

    首先,我们要知道为什么使用框架的原理。

    CSS框架是一系列CSS文件的集合体,包含了基本的元素重置,页面排版,网络布局,表单样式,通用规则等代码块。使用CSS框架,可以简化工作,提高工作效率。

    我们为什么要使用Bootstrap框架,而不使用其他CSS框架?

    随着H5,CSS3的快速火起来,用户体验尤为重要,移动设备用户的庞大,不容小视,而恰恰,Bootstrap就是为移动设备而开发的框架。他虽然是以移动设备优先,倾向于Mobile,但不是移动设备框架。
    它由规范的CSS,JavaScript插件构成,其最大的优势是响应式布局,CSS媒体查询(Media Query)的功劳,使得开发者可以方便的让网页无论在台式机,手机上都获得最佳的体验。

    1. 抽象出常用的css样式,高再可用性,高移植性
    2. 有固有的定义,详细的文档及开发特点
    3. 高兼容性,可以兼容流行的浏览器
    4. 以css为主,但不一定全部是css,可能有一些js(或者其他)脚本用于兼容浏览器

    Bootstrap框架可以分为三类:

    第一:预处理脚本:

    Bootstrap的源码是基于最流行的CSS预处理脚本-Less和Sass开发的。你可以采用预编译的CSS文件快速开发,也可以从源码定制自己需要的样式。例如。如果你页面上有很多同样的效果。只需要写一个效果类。然后让用到的地方去继承他。就不需要再写了。

    第二:一个框架,多种设备

    你的网站和应用能在Bootstrap的帮助下通过同一个代码快速,有效设配手机,平板、PC设备,这都是CSS媒体查询的功劳。

    第三:特效齐全

    Bootstrap提供了全面、美观的文档、可以找到关于HTML元素,HTML和CSS组件、jQuery插件方面的所有详细文档。
    Bootstrap组件: Bootstrap中包含了丰富的Web组件,根据这些组件,可以快速的搭建一个漂亮、功能完备的网站。比如:下拉菜单、按钮组、按钮下拉菜单、导航、导航条、路径导航、分页、排版、缩略图、警告对话框、进度条、媒体对象等。

    bootstrap优缺点:

    优点

    缺点:

    更多编程相关知识,请访问:编程教学!!

    以上就是Bootstrap的优点和缺点是什么?的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:BootStrap
    上一篇:Bootstrap是前端框架吗 下一篇:使用bootstrap框架有什么好处?
    线上培训班

    相关文章推荐

    • bootstrap如何去掉遮罩层• bootstrap如何实现圆角• bootstrap如何实现显示隐藏• bootstrap well是什么• 基于bootstrap的UI框架有哪些

    全部评论我要评论

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

    PHP中文网