Bootstrap 概述
Bootstrap 是一个前端框架，使用它可以快速开发响应式页面，还能专门针对 PC 端或移动端快速开发，大大提高了开发效率。
Bootstrap 来自 Twitter，是目前最流行的前端框架。它是基于 HTML、CSS、JavaScript 的一个简洁、灵活的开源框架。
1、为什么要使用 Bootstrap
当需要制作响应式的网页来适配各种终端，我们通过媒体查询，针对要适配的每种终端都得设置相应的样式甚至是改变网页结构，而且开发和维护起来也很麻烦。而 Bootstrap 库中包含很多现成的带有各种样式和功能的代码片段，这些代码可以为你的网站增加更多活力，Web 开发者不必再花费时间、花费精力地编码，只需要找到合适的代码，插入到合适的位置即可。最主要的是这些代码片段是经过封装的，可以适用于不同的终端设备，无论是在 PC 浏览器中还是平板电脑、手机等，都能很好地浏览网页。
Bootstrap 框架里的一些效果是使用 HTML5 和 CSS3 开发的，我们都知道 CSS3 有的属性是有兼容性的。 Twitter 当初开发该工具的时候，就考虑到浏览器间表现不一致的情况，所以 Bootstrap 已经对此做了兼容处理，保证了界面在不同平台上的统一性。在 IE、Chrome、Firefox 等浏览器中可以看到统一的界面。
目前使用较广的是版本 2.0 和 3.0，我们以 3.0 版本进行讲解。因为从版本 3.0 开始 Bootstrap 移入移动先行的思想，使我们能使用它快速开发移动项目。在 Bootstrap 3.0 中重写整个框架，使其一开始就是对移动设备友好的。这次不是简单地增加一些可选的针对移动设备的样式，而是直接融合进了框架的内核中。
2、Bootstrap 使用场景
Bootstrap 是最受欢迎的 HTML、CSS 和 JavaScript 框架，用于开发响应式布局、移动设备优先的 Web 项目。这是 Bootstrap 的核心理念，从中也可以看出 Bootstrap 的使用场景是制作适配各终端的响应式的页面、制作移动设备项目。
实际上 Bootstrap 是个 “万能” 的框架，因为它不只是在上面的两种场景才能使用，它集成了 CSS 样式和 JavaScript 交互特效，只要是有网页的地方都可以使用。
原文地址：https://www.cnblogs.com/wxdestiny/p/9784573.html