BootStrap——响应式布局，是CSS/HTML框架
响应式：适应不同的分辨率，提高用户体验
起步的时候，可以通过网络直接引入相关文件
也可以下载具体的文件，然后本地引入，但要注意需要在bootstrap.js前引入jq
如果对移动设备友好，可以在head里面添加下面的标签，提供一个缩放的功能
<meta name="viewport" content="width=device-width, initial-scale=1">
全局CSS样式：bootstarp.css
.container——类用于固定宽度并支持响应式布局的容器。在页面两边留有空白
栅格系统：系统将屏幕划分为12个列：
class="row"是一行，行里面放列col-屏幕分辨率-数字(每一种分辨率后的数字总和需为12，如果大于12会另起一行)
class=col-md-4——就可以将一行平均分3列
对应不同像素的：
平板式6个格子占一行：sm，手机式3个格子占一行：xs，电脑通常用md
hidden-sm——在平板下隐藏，hidden后面跟的是哪种状态就隐藏
一个div可以定义多种格式：col-md-4 col-xs-6，定义多种像素下栅格
列偏移：偏移量和格子数加起来也是要等于12，偏移初是空白的
bootstrap组件：
各种字体，下拉框，导航条，进度条等组件都可以自己选择，直接复制使用即可
javaScript插件：
各种图片轮播，弹出框等，都可以直接在里面选择使用，Options里面可以看到可调参数
