Bootstrap的优点和缺点是什么?

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

Bootstrap的优点和缺点是什么?

推荐:《bootstrap教程》

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

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

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

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

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

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

Bootstrap框架可以分为三类:

第一:预处理脚本:

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

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

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

第三:特效齐全

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

bootstrap优缺点:

优点

提高开发效率

 规范名称定义,便于维护

 规范项目开发流程

css代码更清晰、简单。html代码更合理

bootstap最近发布了bootstrap4,拥有了box-flex布局等更新,紧跟最新的web技术的发展

比较成熟,在大量的项目中充分的使用和测试

拥有完善的文档,使用起来更方便

有大量的组件样式,接受定制

缺点:

学习成本提高。你需要了解整个框架,需要阅读框架的文档

css框架对于一个小项目等页面来说很臃肿。框架中可能有大部分你用不到的代码。

可能会无法帮助你的技术提高。太依赖框架,以至于很难排除bug。包括框架中本身就带的bug。

选择自己需要的框架与开发框架都很痛苦。写到后面发现越来越不灵活,越来越臃肿。

如果有自己特殊的需求,就需要重新定制样式,如果一个网站中有大量的非bootstrap“风格”的样式存在,那么你就需要做大量的css重写,因此也就失去了使用框架的意义。

会有兼容问题,虽然网上存在很多兼容IE的办法,但需要引入其他文件,有些还不小,势必导致加载速度变慢,影响用户体验。

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

以上就是Bootstrap的优点和缺点是什么?的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3001735.html

(0)
上一篇 2025年3月13日 00:18:00
下一篇 2025年3月13日 00:18:09

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • Bootstrap是前端框架吗

    Bootstrap是前端框架,来自Twitter;Bootstrap是基于HTML5和CSS3开发的,它在jQuery的基础上进行了更为个性化和人性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuery插件。 推荐:《bootstr…

    2025年3月13日
    100
  • 使用bootstrap框架有什么好处?

    使用bootstrap框架的好处:1、可提高开发效率;2、 规范名称定义,便于维护;3、栅格系统和响应式布局,使得开发者可以方便的让网页无论在台式机、平板设备、手机上都获得最佳的体验。 教程推荐:《Bootstrap视频教程》 Bootst…

    2025年3月13日
    200
  • Bootstrap有什么优缺点?

    Bootstrap的优点:1、拥有完善的文档,使用起来更方便;2、可提高开发效率;3、 规范名称定义,便于维护。缺点:1、学习成本提高;2、css框架对于一个小项目等页面来说很臃肿;3、太依赖框架,可能会无法帮助提高技术;4、会有兼容问题。…

    2025年3月13日
    200
  • bootstrap是基于什么开发的?

    bootstrap是基于HTML、CSS、JavaScript开发的简洁、直观、强悍的前端开发框架,可快速开发Web应用程序和网站,主要用于响应式网站上的结构和布局。 本教程操作环境:windows10系统、bootstrap3.0,本文适…

    2025年3月13日
    200
  • bootstrap和react的区别是什么?

    区别:react是基于mvc模式的javascript框架,而bootstrap只是一个基于HTML、CSS、JAVASCRIPT开发的前端ui框架;bootstrap是基于html的UI构建工具,react是基于组件的工程构建方式。 了解…

    2025年3月13日
    200
  • bootstrap模态框是用来做什么的?

    bootstrap模态框可以用来创建模态窗口以丰富用户体验,或者为用户添加实用功能;可在网站中显示警告窗口、视频、图片、条款和条件,甚至社交媒体小部件等。模态框的目的是显示来自一个单独的源的内容,可在不离开父窗体的情况下提供信息和交互。 B…

    2025年3月13日
    200
  • bootstrap 表格的头部如何固定

    bootstrap表格头部的固定方法:首先引入jquery和bootstrap;然后添加固定列代码为“ $(“#table”).bootstrapTable(‘destroy’).bootst…

    2025年3月13日
    200
  • 如何解决bootstrap乱码问题

    bootstrap乱码的解决办法:1、定义好头部,代码为“”;2、将文件另存为UTF8即可。 推荐:《bootstrap教程》 具体问题: 引入bootstrap中文网里的模板,页面正常显示,但是将英文换为中文乱码 解决办法: 1.定义好头…

    2025年3月13日
    200
  • bootstrap如何去掉边框

    bootstrap去掉边框的方法:首先打开相应的代码文件;然后通过设置css样式为“border:none”来去掉边框,或者使用样式“input:focus {outline: none;}”来去掉边框即可。 推荐:《bootstrap教程…

    2025年3月13日
    200
  • bootstrap如何消除浮动

    bootstrap消除浮动的方法:首先打开相应的前台代码文件;然后在需要清除浮动的地方加上代码为“”即可。 推荐:《bootstrap教程》 bootstrap清除浮动 前台用的是bootstrap做的,遇到需要清除浮动的,查过资料之后找到…

    2025年3月13日
    200

发表回复

登录后才能评论