Bootstrap 在布局方面提供了一些细小的辅组样式，用于文字颜色以及背景色的设置、显示关闭图标等等。
1.bootstrap辅助类 情景文本颜色
bootstrap文本颜色 样式列表
| 样式名 |
描 述 |
| text-muted |
柔和灰 |
| text-primary |
主要蓝 |
| text-success |
成功绿 |
| text-info |
信息蓝 |
| text-warning |
警告黄 |
| text-danger |
危险红 |
//各种色调的字体
<p class="text-muted">Bootstrap 视频教程</p>
<p class="text-primary">Bootstrap 视频教程</p>
<p class="text-success">Bootstrap 视频教程</p>
<p class="text-info">Bootstrap 视频教程</p>
<p class="text-warning">Bootstrap 视频教程</p>
<p class="text-danger">Bootstrap 视频教程</p>
2.bootstrap辅助类 情景背景色
bootstrap背景色 样式列表
| 样式名 |
描 述 |
| bg-primary |
主要蓝 |
| bg-success |
成功绿 |
| bg-info |
信息蓝 |
| bg-warning |
警告黄 |
| bg-danger |
危险红 |
//各种色调的背景
<p class="bg-primary">Bootstrap 视频教程</p>
<p class="bg-success">Bootstrap 视频教程</p>
<p class="bg-info">Bootstrap 视频教程</p>
<p class="bg-warning">Bootstrap 视频教程</p>
<p class="bg-danger">Bootstrap 视频教程</p>
3.bootstrap辅助类 关闭按钮
<button type="button" class="close">×</button>
4.bootstrap辅助类 三角符号
<span class="caret"></span>
5.bootstrap辅助类 快速浮动
<div class="pull-left">左边</div>
<div class="pull-right">右边</div>
注：这个浮动其实就是float，只不过使用了!important 加强了优先级。
6.bootstrap辅助类 块级居中
<div class="center-block">居中</div>
注：就是margin:x auto；并且设置了display:block;。
7.bootstrap辅助类 清理浮动
<div class="clearfix"></div>
注：这个div 可以放在需要清理浮动区块的前面即可。
8.bootstrap辅助类 显示和隐藏
<div class="show">show</div>
<div class="hidden">hidden</div>
更新时间：2016-03-21
