颜色

2024年8月29日 | 1 分钟阅读

通过使用实用程序类，您可以更改文本的颜色。它也可以用于链接，并在悬停时变暗，就像我们的默认链接样式一样。

语法

柔和类

<p class="text-muted">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p> 

主要类

<p class="text-primary">Nullam id dolor id nibh ultricies vehicula ut id elit.</p> 

成功

<p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>

信息

<p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p>

警告

风险

白色

上下文文本类也可以与具有提供的悬停和焦点状态的锚标记一起使用。

注意：.text-white 类没有链接样式。

示例

 
<a href="#" class="text-muted">Muted link</a>
<a href="#" class="text-primary">Primary link</a>
<a href="#" class="text-success">Success link</a>
<a href="#" class="text-info">Info link</a>
<a href="#" class="text-warning">Warning link</a>
<a href="#" class="text-danger">Danger link</a>

下一个主题Bootstrap Flexbox

颜色

语法

注意：.text-white 类没有链接样式。

示例

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

Bootstrap 教程

Bootstrap 例子

Bootstrap 高级

Bootstrap 实用工具

选择题

面试题

颜色

语法

注意：.text-white 类没有链接样式。

示例

相关帖子

不可见内容

CSS Bootstrap

如何在 Bootstrap 中将按钮对齐到文本框的右侧

Bootstrap 中的加载更多功能

Bootstrap 中 Datepicker 的设置

Boostrap3 粘性页眉

Bootstrap 和 WordPress 之间的区别

Display 属性

使用 Bootstrap Typeahead JS 示例的动态自动完成搜索

Bootstrap 替代方案

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器