Bootstrap 辅助类

一、Bootstrap 辅助类

1.1 文本

<p class="text-muted">该段落使用了样式 "text-muted"。</p>
<p class="text-primary">该段落使用了样式 "text-primary"。</p>
<p class="text-success">该段落使用了样式 "text-success"。</p>
<p class="text-info">该段落使用了样式 "text-info"。</p>
<p class="text-warning">该段落使用了样式 "text-warning"。</p>
<p class="text-danger">该段落使用了样式 "text-danger"。</p>

1.2 背景

<p class="bg-primary">该段落使用了样式 "bg-primary"。</p>
<p class="bg-success">该段落使用了样式 "bg-success"。</p>
<p class="bg-info">该段落使用了样式 "bg-info"。</p>
<p class="bg-warning">该段落使用了样式 "bg-warning"。</p>
<p class="bg-danger">该段落使用了样式 "bg-danger"。</p>

1.3 其他类

选项	描述
.pull-left	元素浮动到左边
.pull-right	元素浮动到右边
.center-block	设置元素为 display:block 并居中显示
.clearfix	清除浮动
.show	强制元素显示
.hidden	强制元素隐藏
.sr-only	除了屏幕阅读器外，其他设备上隐藏元素
.sr-only-focusable	与 .sr-only 类结合使用，在元素获取焦点时显示(如：键盘操作的用户)
.text-hide	将页面元素所包含的文本内容替换为背景图
.close	显示关闭按钮
.caret	显示下拉式功能