框架：框架是一个半成品软件，开发人员可以在框架基础上进行开发，简化编码。
好处：
① 定义了许多CSS样式和js插件。开发者可以直接引用这些样式和插件。
② 响应式布局：同一套页面可以兼容不同分辨率的设备。
快速入门
下载Bootstrap
下载后有三个文件夹，将这三个文件夹复制到项目中
创建html页面，引入必要的资源
流体容器会随着页面窗口的大小变化而变化，其宽度始终占据整个屏幕的宽度。
栅格系统
在栅格系统中一行被分为12列
<div class="col-lg-10">col-lg-10</div>
<div class="col-lg-2">col-lg-2</div>
我们在开发前端页面的时候，如果每一个按钮、样式、处理浏览器兼容性的代码都要自己从零开始去写，那就太浪费时间了。所以我们需要一个框架，帮我们实现一个页面的基础部分和解决一些繁琐的细节，只要在它的基础上进行个性化定制就可以了。
Bootstrap 就是这样一个简洁、直观、强悍的前端开发框架，只要学习并遵守它的标准，即使是没有学过网页设计的开发者，也能做出很专业、美观的页面，极大地提高了工作效率。像下面这个漂亮的网站就是基于 Bootstrap 来开发的。
把外部文件引入工程里面
把bootStrap的css、font、js、下载的jquery.min.js一并复制到项目下面
先引入 bootstrap.min.css （Bootstrap的样式表文件）
然后引入自己写的 css 文件（style.css）
然后引入 jQuery（javascript 库）
最后引入 bootstrap.min.js 程序文件
打开样式表bootstrap.css，你可以看到如下.btn-primary 显而易见这是一个按钮样式
在jsp页面写上
刷新页面，你会看到一个蓝色的按钮。不需要自己写一行 CSS 代码，只要在页面里面给某个元素指定一个 class ，就可以直接显示出预定的样式—— 这就是使用 Bootstrap 前端框架的魔力。
其实我们并不关心每一份的宽度是多少像素/百分比，我们只关心能不能自动地平均划分成多少份， Bootstrap 的栅格系统布局就是为了实现自动计算每一份的宽度而诞生的。
通过给栅格布局内部的元素指定 class 为 col-md-份数 ，来告诉它的宽度占据这12份里面的几份。
