button元素添加disabled属性，可以禁用它（按钮的背景设置opacity属性可以达到不可点击的显示效果），a元素表示的按钮，通过附加.disabled类来达到禁用
尽管button、a、input元素都可以应用btn、btn-XXX等按钮类，但为了跨浏览器表现，尽量使用button元素
--------------------------------------------图片------------------------------
给img加.img-responsive类可以让图片支持响应式布局（本质上是max-width:100%;height:auto;，从而图片在父元素中有更好的伸缩）
给img附加.img-rounded、.img-circle、.img-thumbnail等类，可以让图片呈现不同的形状
----------------------------------辅助类---------------------------
不同情景的文本，类似如下：
<p class="text-muted">...</p> <p class="text-primary">...</p> <p class="text-success">...</p> <p class="text-info">...</p> <p class="text-warning">...</p> <p class="text-danger">...</p>
不同情景的背景色，类似如下：
<p class="bg-primary">...</p> <p class="bg-success">...</p> <p class="bg-info">...</p> <p class="bg-warning">...</p> <p class="bg-danger">...</p>
关闭按钮：
<button type="button" class="close"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
指示下拉的三角符号：
<span class="caret"></span>
快速左右float:（不适用于导航条，导航条应当用.navbar-right和.navbar-left类）
<div class="pull-left">...</div> <div class="pull-right">...</div>
居中块：
<div class="center-block">...</div> 实质上是display:block和左右margin为auto
清除float的元素：（给父元素添加.clearfix类，事实上就是clear:both）
<div class="clearfix">...</div>
显示与隐藏内容：
<div class="show">...</div> <div class="hidden">...</div>
另外，还有.invisible类，它影响元素的可见性，但不影响display属性（即可能是显示但不可见的），从而仍然影响文档流（仍然是流中的元素），.hidden类是包含了.invisible类的，因为隐藏起来时当然是希望不可见的。
屏幕阅读器与键盘导航内容（对其他设备隐藏）：
<a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>
用背景图替换元素文本内容：
<h1 class="text-hide">Custom heading</h1>
-----------------------------------响应式工具----------------------------------------
