ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
### [](https://v3.bootcss.com/css/#helper-classes-colors)情境文本颜色 通过颜色来展示意图,Bootstrap 提供了一组工具类。这些类可以应用于链接,并且在鼠标经过时颜色可以还可以加深,就像默认的链接一样。 ![](https://img.kancloud.cn/c3/53/c353eb888c38481c0bc5ee4e17072eba_1054x293.png) ~~~html <p class="text-muted">...</p> <p class="text-primary">...</p> <p class="text-success">...</p> <p class="text-info">...</p> <p class="text-warning">...</p> <p class="text-danger">...</p> ~~~ ### 情境背景色 和情境文本颜色类一样,使用任意情境背景色类就可以设置元素的背景。链接组件在鼠标经过时颜色会加深,就像上面所讲的情境文本颜色类一样。 ![](https://img.kancloud.cn/83/41/83419288ba5c7a957d13b0dfeb36e333_1056x442.png) ~~~html <p class="bg-primary">...</p> <p class="bg-success">...</p> <p class="bg-info">...</p> <p class="bg-warning">...</p> <p class="bg-danger">...</p> ~~~