bootstrap笔记

一、栅格系统：
<div class="container">内容</div>固定宽度，1200px-margin==1170px
<div class="container-fluid">内容</div>流体宽度100%
二、一行最多十二列
三、
超小屏，手机（<768px） .col-xs- .container宽度：自动（独占一行）
小屏，平板(>=768px) .col-sm- .container宽度：750px 中等屏幕，桌面显示器 (>=992px) .col-md- .container宽度：970px
大屏幕，大桌面显示器 (>=1200px) .col-lg- .container宽度：1170px

四、offset 偏移
push向左移动
pull向右移动

五、关闭按钮 <button class="close">&times;</button>
三角符号<span class="caret"></span>

六、<div class="pull-left a"></div> 左浮动
<div class="clearfix"></div> 清理浮动
<div class="pull-right a"></div> 右浮动

七、大中小屏幕同理
<div class="visible-xs-block a"></div>超小屏幕显示
<div class="hidden-xs"></div>超小屏幕隐藏

八、图标 参考中文官网的组件
链接：http://v3.bootcss.com/components/#glyphicons
使用<i>或者<span>标签配合使用
注意：
1、为了设置正确的内补（padding），务必在图标和文本之间添加一个空格。

2、图标类不能和其它组件直接联合使用。应该创建一个嵌套的 <span> 标签，并将图标类应用到这个 <span> 标签上。
3、只对内容为空的元素起作用。图标类只能应用在不包含任何文本内容或子元素的元素上。