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框架可以分为三类：
1. 第⼀：预处理脚本：
Bootstrap的源码是基于最流⾏的CSS预处理脚本-Less和Sass开发的。你可以采⽤预编译的CSS⽂件快速开发，也可以从源码定制⾃⼰需要的样式。例如。如果你页⾯上有很多同样的效果。只需要写⼀个效果类。然后让⽤到的地⽅去继承他。就不需要再写了。
jquery框架定义
1. 第⼆：⼀个框架，多种设备
你的⽹站和应⽤能在Bootstrap的帮助下通过同⼀个代码快速，有效设配⼿机，平板、PC设备，这都是CSS媒体查询的功劳。
1. 第三：特效齐全
Bootstrap提供了全⾯、美观的⽂档、可以到关于HTML元素，HTML和CSS组件、jQuery插件⽅⾯的所有详细⽂档。
Bootstrap组件： Bootstrap中包含了丰富的Web组件，根据这些组件，可以快速的搭建⼀个漂亮、功能完备的⽹站。⽐如：下拉菜单、按钮组、按钮下拉菜单、导航、导航条、路径导航、分页、排版、缩略图、警告对话框、进度条、媒体对象等。
bootstrap优缺点：
1. 优点
1.bootstap最近发布了bootstrap4，拥有了box-flex布局等更新，紧跟最新的web技术的发展
2.⽐较成熟，在⼤量的项⽬中充分的使⽤和测试
3.拥有完善的⽂档，使⽤起来更⽅便
4.有⼤量的组件样式，接受定制
1. 缺点：
1.如果有⾃⼰特殊的需求，就需要重新定制样式，如果⼀个⽹站中有⼤量的⾮bootstrap“风格”的样式存在，那么你就需要做⼤量的css 重写，因此也就失去了使⽤框架的意义。
2.会有兼容问题，虽然⽹上存在很多兼容IE的办法，但需要引⼊其他⽂件，有些还不⼩，势必导致加载速度变慢，影响⽤户体验。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。