随着CSS3和HTML5的流行，我们的WEB页面不仅需要更人性化的设计理念，而且需要更酷的页面特效和用户体验。作为开发者，我们在开发前端页面的时候，如果每一个按钮、样式、处理浏览器兼容性的代码都要自己从零开始去写，那就太浪费时间了。所以我们需要一个框架，帮我们实现一个页面的基础部分和解决一些繁琐的细节，只要在它的基础上进行个性化定制就可以了，它们可以帮助我们更快更好地实现一些现代化的界面，包括一些移动设备的网页界面风格设计。Bootstrap是基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。
Bootstrap 特点
Bootstrap 就是这样一个简洁、直观、强悍的前端开发框架，只要学习并遵守它的标准，即使是没有学过网页设计的开发者，也能做出很专业、美观的页面，极大地提高了工作效率。像Bootstrap中文网（https://www.bootstrap.cn）就是基于 Bootstrap 来开发的。移动端设备优先：自Bootstrap3起，框架包含了贯穿于整个库的移动设备优先的样式响应式设计：采用栅格布局（底层实现原理：媒体查询结合流体布局）偏UI，综合框架，包含一些常用的UI组件以及一些JS组件。
- 基于Bootstrap你可以快速搞出一个网站的基本布局
- 如果你是后台开发人员大可不必操心页面的布局，利用Bootstrap的网格系统分分钟搭好布局
- Bootstrap 响应式布局设计，让一个网站可以兼容不同分辨率的设备。
- Bootstrap响应式布局设计，给用户提供更好的视觉使用体验。
- 丰富的组件
- 高大上：界面美观上档次
- 未来向所有项目、平台推广
Bootstrap框架解读
第一：预处理脚本：
Bootstrap的源码是基于最流行的CSS预处理脚本-Less和Sass开发的。你可以采用预编译的CSS文件快速开发，也可以从源码定制自己需要的样式。例如。如果你页面上有很多同样的效果。只需要写一个效果类。然后让用到的地方去继承他。就不需要再写了。
第二：一个框架，多种设备
你的网站和应用能在Bootstrap的帮助下通过同一个代码快速，有效设配手机，平板、PC设备，这都是CSS媒体查询的功劳。
第三：特效齐全
Bootstrap提供了全面、美观的文档、可以找到关于HTML元素，HTML和CSS组件、jQuery插件方面的所有详细文档。
Bootstrap组件： Bootstrap中包含了丰富的Web组件，根据这些组件，可以快速的搭建一个漂亮、功能完备的网站。比如：下拉菜单、按钮组、按钮下拉菜单、导航、导航条、路径导航、分页、排版、缩略图、警告对话框、进度条、媒体对象等。
Bootstrap的缺点
学习成本提高。你需要了解整个框架，需要阅读框架的文档
css框架对于一个小项目等页面来说很臃肿。框架中可能有大部分你用不到的代码。.如果有自己特殊的需求，就需要重新定制样式，如果一个网站中有大量的非bootstrap“风格”的样式存在，那么你就需要做大量的css重写，因此也就失去了使用框架的意义。
可能会无法帮助你的技术提高。太依赖框架，以至于很难排除bug。包括框架中本身就带的bug。
选择自己需要的框架与开发框架都很痛苦。写到后面发现越来越不灵活，越来越臃肿。
如果有自己特殊的需求，就需要重新定制样式，如果一个网站中有大量的非bootstrap“风格”的样式存在，那么你就需要做大量的css重写，因此也就失去了使用框架的意义。
会有兼容问题，虽然网上存在很多兼容IE的办法，但需要引入其他文件，有些还不小，势必导致加载速度变慢，影响用户体验。
总结
尽管有诸多的优点，但是在Bootstrap的使用选择上，我个人还是不推荐使用的，虽然代码规范但是相对于一般项目来说，需要重构的CSS实在太多了。尽管现在的带宽在几何倍速的增长，很多网站也使用了此框架，我个人还是持观望态度。个人用的最多的还是他的定制，仅选择一些常用的CSS响应式架构和部分JS插件。这样可以将源文件，尽可能的缩小。但是这个功能仅在3版本上出现过以后，4-5版本使用了最优的flex布局，此功能的使用就变得成本更高了需要了解LESS和sass等语言。所以就我个人而已，移动端基本上是不再使用此框架了。基本上是以weui为主，PC端则是只复制了bootstrap的container,flex布局部分，至于定制化内容则是全部手写。
