本章将讨论 Bootstrap 中的一些可能会派上用场的辅助类。
文本
以下不同的类展示了不同的文本颜色。如果文本是个链接鼠标移动到文本上会变暗：
| 类 |
描述 |
| .text-muted |
"text-muted" 类的文本样式 |
| .text-primary |
"text-primary" 类的文本样式 |
| .text-success |
"text-success" 类的文本样式 |
| .text-info |
"text-info" 类的文本样式 |
| .text-warning |
"text-warning" 类的文本样式 |
| .text-danger |
"text-danger" 类的文本样式 |
背景
以下不同的类展示了不同的背景颜色。 如果文本是个链接鼠标移动到文本上会变暗：
| 类 |
描述 |
| .bg-primary |
表格单元格使用了 "bg-primary" 类 |
| .bg-success |
表格单元格使用了 "bg-success" 类 |
| .bg-info |
表格单元格使用了 "bg-info" 类 |
| .bg-warning |
表格单元格使用了 "bg-warning" 类 |
| .bg-danger |
表格单元格使用了 "bg-danger" 类 |
其他
| 类 |
描述 |
| .pull-left |
元素浮动到左边 |
| .pull-right |
元素浮动到右边 |
| .center-block |
设置元素为 display:block 并居中显示 |
| .clearfix |
清除浮动 |
| .show |
强制元素显示 |
| .hidden |
强制元素隐藏 |
| .sr-only |
除了屏幕阅读器外，其他设备上隐藏元素 |
| .sr-only-focusable |
与 .sr-only 类结合使用，在元素获取焦点时显示(如：键盘操作的用户) |
| .text-hide |
将页面元素所包含的文本内容替换为背景图 |
| .close |
显示关闭按钮 |
| .caret |
显示下拉式功能 |