bootstrap

基本结构
Bootstrap，中会对某些标签进行样式初始化，会覆盖html标签原有的样式
先将css文件引入

HTML5，shim和Respond.js是为了让IE8支持 HTML5元素和媒体查询（media queries）功能

警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用

jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边)

bootstrap全局css
container，定宽居中的块元素

container-fluid ，100%宽度，占满整个视口

栅格系统布局必须放在一个容器中，container，让一个块元素实现定宽局中,而且宽度可以根据不同尺寸的屏幕来自适应

row，行，参与栅格系统流式布局，上下布局

网格系统是将一个容器横向分为12列,又将不同的屏幕尺寸分为4个档次，分别为lg,md,sm,xs,同期中的子元素可以通过设置class来决定本元素在
div块元素 参与栅格系统的流式布局 左右布局
col-lg-1超大屏幕下占1列宽，一行可以放十二个div
col-md-2在中等屏幕下占2列宽，一行可以放6个
col-sm-4，在小屏幕下占4列宽，一行可以放3个
col-xs-6在超小屏幕下占6列宽，一行可以放2个

列排序
col-lg-push-4向后推四列宽
col-lg-pull-2向前拉动2列宽

一行内整体的列宽不能超过12，如果超过，超过的标签自动到下一行显示