与上下文文本颜色类类似,可以轻松地将元素的背景设置为任何上下文类。背景实用程序不设置color,因此在某些情况下您需要使用.text-*实用程序。 .bg-primary .bg-secondary .bg-success .bg-danger .bg-warning .bg-info .bg-light .bg-dark .bg-white ...
.text-light .text-dark .text-body .text-muted .text-white .text-black-50 .text-white-50 复制这段代码 .text-primary .text-secondary .text-success .text-danger .text-warning .text-info .text-light .text-dark .text-body .text-muted...
使用.text-*也可以实现悬停和焦点的超链接样式【a标签】,white和muted 这样个颜色不支持! 列出颜色:【来之菜鸟教程】 代表指定意义的文本颜色柔和的文本。重要的文本。执行成功的文本。代表一些提示信息的文本。警告文本。危险操作文本。副标题。深灰色文字。浅灰色文本(白色背景上看不清楚)。
使用.text-*也可以实现悬停和焦点的超链接样式【a标签】,white和muted 这样个颜色不支持! 列出颜色:【来之菜鸟教程】 代表指定意义的文本颜色 柔和的文本。 重要的文本。 执行成功的文本。 代表一些提示信息的文本。 警告文本。 危险操作文本。 副标题。 深灰色文字。 浅灰色文本(白色背景上看不清楚...
.text-info:通知信息,使用浅蓝色(#31708f) .text-warning:警告,使用黄色(#8a6d3b) .text-danger:危险,使用褐色(#a94442) 具本源码查看bootstrap.css文件第500行~第532行: .text-muted { color: #999; } .text-primary { color: #428bca;
text-muted text-primary 颜色 text-success text-info 颜色 text-waring 颜色 text-danger ...
text-warning 棕色 text-danger 红色 bg-primary 蓝色背景 bg-sucess bg-info bg-warning bg-danger image.png 元素浮动到左侧 元素浮动到右侧 image.png 中间显示 该 div 显示在中间 image.png clearfix清除浮动 <!DOCTYPE html> Bootstrap .clearfix 实例 ...
.text-warning"text-warning" 类的文本样式尝试一下 .text-danger"text-danger" 类的文本样式尝试一下 背景 以下不同的类展示了不同的背景颜色。 如果文本是个链接鼠标移动到文本上会变暗: 类描述实例 .bg-primary表格单元格使用了 "bg-primary" 类尝试一下 ...
Convey meaning through color with a handful of color utility classes. Includes support for styling links with hover states, too. Build your website for just $3.88/mth. More value and performance with Namecheap.ads via Carbon .text-primary ...
a.text-primary:hover{color:#3071a9;}a.text-success:hover{color:#2b542c;}a.text-info:hover{color:#245269;}a.text-warning:hover{color:#66512c;}a.text-danger:hover{color:#843534;} (2)对齐类名 .text-left:左对齐 .text-right:右对齐 ...