BootStrap包括：
- 设置全局 CSS 样式；基本的 HTML 元素均可以通过 class 设置样式并得到增强效果；还有先进的栅格系统。
- 无数可复用的组件，包括字体图标、下拉菜单、导航、警告框、弹出框等更多功能。
- jQuery 插件为 Bootstrap 的组件赋予了“生命”。可以简单地一次性引入所有插件，或者逐个引入到你的页面中
- 通过自定义 Bootstrap 组件、Less 变量和 jQuery 插件，定制一份属于你自己的 Bootstrap 版本
栅格布局
container，固定宽度的容器。
container-fluid，百分百宽度的容器。
使用行（row）在水平方向上创建一组列（colmun）。
每一行中最多能够包含12列，超出的列则另起一行排列
内容应该放置到列（colmun）中，只有列（colmun）可以作为行（row）的直接子元素。
列偏移
使用col-*-offset-*类可以将列向右偏移，例如，col-xs-offset-4表示在超小屏幕上时，将元素向右偏移4列。
嵌套列
通过在列中嵌套行（row），可以将原有的列再分成12列，如此就实现了列的嵌套。
列排序
使用col-*-push-* 将列向右推，col-*-pull-*将列向左拉。例如下面的代码将box1向右推了6列，将box3向左拉了6列，结果是它们调换了位置。
表格
.table 必须的基类
.table-bordered 带边框的表格
.table-striped 带条纹的表格（隔行变色）
.table-hover 鼠标悬浮时为整行添加背景色
.table-condensted 紧凑的表格（减少了单元格padding）
按钮的尺寸
按钮的尺寸被分成，.btn-lg、.btn-sm、默认尺寸、.btn-xs
响应式的表格
当屏幕宽度不足以显示所有的表格内容时，表格内容会出现折叠甚至溢出的现象。为了解决这个问题，我们可以将.table元素放到一个具有.table-responsive类的元素内容。
图片形状
.img-rounded 圆角的图片
.img-circle 圆形图片
.img-thumbnail 缩略图