W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

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 显示下拉式功能 测 试