什么是bootStrap,特点是什么
简洁、直观、强悍的前端开发框架，让web开发更迅速、简单，基于HTML + CSS + JS
特点：采用栅格布局，响应式设计，移动设备优先
1.栅格系统
1.流体布局添加类.container-fluid -- 百分百，铺满整个页面
2.固定布局添加类.container -- 根据不同分辨率，固定吃尺寸不同，不同阈值对应的宽度：>=1200 width
为1170px 用lg表示,>=992 width为970px,用md表示，>=768 width为750px，用sm表示，<768 width为自适应
宽度auto，用xs表示
bootstrap包含了一个移动设备优先，响应式的网格系统，可以随着设备和视口的增加适当的扩展到12列
表示行的class .row
表示列的class col-lg-* col-md-* col-sm-* col-xs-*
[*]的取值为1-12，其他的值无效，表示在特定的屏幕大小下，每一个块占几个网格
2.字体图标 创建一个空标签，给改标签添加一个基类和对应图标的类
<span class='glyphicon glyphicon-search'></span>
<!--必须使用空标签来定义一个图标-->
3.bootstrap响应式的使用工具 针对不同分辨率显示或者隐藏内容
visible-*-* -- 表示在对应的分辨率下显示
可选值：block/inline/inline-block
hidden-* -- 表示在对应的分辨率下隐藏
4.bootstrap预定义样式风格类
primary(首选项) success(成功) info(一般信息) warning(警告) danger(危险)
常见的按钮样式以及背景的样式类
<button class='btn btn-*'></button>
<button class='btn bg-*'></button>
5.定义一个面板
设置面板标题类：penel-heading
设置面板主题类：penel-body
6.按钮组
设置：
给需要组合的按钮添加一个父级，给该父级添加一个类名btn-group
大小:btn-lg btn-md(默认) btn-sm btn-xs
样式：
添加类btn-group-justified根据父级的宽度实现自适应的按钮组
(a标签形式的按钮组可以在父级直接加此类名实现该效果。button标签还需给每一个按钮标签添加类btn-group)
实现纵向按钮组添加btn-group-vertical类
button添加小三角样式
在文字后面添加一个空标签，添加类名caret
实现向上的三角和向下的三家
在其父级设置dropup实现向上的三角，添加dropdown表示向下(默认)
7.下拉菜单
自定义属性data-*：表示这类属性是操作js交互的
实现方法
给触发器和下拉菜单的容器添加类名dropdown类名
给触发器添加dropdown-toggle类名
给下拉菜单的类名添加dropdown-menu
实现js交互添加自定义属性data-toggle='dropdown'
设置下拉菜单选项的分割线
添加一个空标签，指定类名为divider
文本居中
添加类名text-center
8.导航
头部导航
基类：.nav
修饰类：.nav-tabs
内容两端对齐：.nav-justified(Y也可以设置两端对齐之后自适应父级的宽度)
下面的实线两端对齐：.nav-tabs-justified
9.选项卡的实现
内容部分添加tab-content
内容的每一项添加tab-pane
切换处理
头部：给每一个a标签添加data-toggle='tab'
内容：href对应内容的id名字
10.导航条
基类：navbar
默认样式类：navbar-default
深色样式类：navbar-inverse
去掉导航条两端的圆角样式：navbar-static-top
导航条添加logo:navbar-brand
响应式导航条的实现
添加一个按钮给navbar-brand同级，设置横线是添加类名icon-bar
给需要隐藏的元素添加一个父级，设置类名collapse navbar-collapse
显示隐藏处理：data-toggle='collspse' data-target='对应隐藏元素的选择器'
11.表单
实现：把所有文字和表单控件放在一个form-group的div中，向所有的文本元素添加类名form-control
实现输入框组：input-group,输入框左右两边的提示信息通过添加类名.input-group=addon
水平排列的表单：给表单设置类form-horizontal，使添加from-group的元素具有栅格布局中的.row的特点，给label标签和包含空间的元素添加栅格布局类即可实现
12.表单验证的状态
给添加from-group的类根据需求在添加.has-warning、.has-error、.has-succes类，也可以给文本输入框添加图标，即给添加form-group的元素添加has-feedback类，给文本输入框添加对应图标的类名
13.模态框
基本设置：添加类.modal，body的背景添加嘞.modal-dialog
内容设置：.modal-content(设置头部：.modal-header,设置主体：.modal-body，设置尾部：.modal-footer)
关闭按钮：添加类.close,给触发关闭的按钮设置data-dismiss='modal'
模态框的传值：通过事件show.bs.modal,$(e.relatedTarget).data('whatever')获取模态框的自定义属性
14.滚动监听
