Bootstrap学习-辅助类

本文介绍了如何使用不同的类来改变文本的颜色及背景色,并提供了多种布局元素的方法,例如浮动、居中显示、清除浮动等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

文本

以下不同的类展示了不同的文本颜色。如果文本是个链接鼠标移动到文本上会变暗:

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值