为什么使用bootstrap

 我来答
尚学堂前端学院
2020-12-29 · 百度认证:北京尚学堂科技官方账号
尚学堂前端学院
向TA提问
展开全部

随着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优点:

  • 优点

  • 1.bootstap最近发布了bootstrap4,拥有了box-flex布局等更新,紧跟最新的web技术的发展
    2.比较成熟,在大量的项目中充分的使用和测试
    3.拥有完善的文档,使用起来更方便
    4.有大量的组件样式,接受定制

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式