「仿站教程」Bootstrap 常用字体颜色

来源: 海外服务器
导读 在Bootstrap中,可以使用一系列预定义的文字颜色类来调整文本的颜色。以下是Bootstrap中一些常用的文字颜色类:text-primary: 用于主要内容的颜色,通常是蓝色。text-secondary: 用于次要内容的颜色,通常是...

在Bootstrap中,可以使用一系列预定义的文字颜色类来调整文本的颜色。以下是Bootstrap中一些常用的文字颜色类:

  1. text-primary: 用于主要内容的颜色,通常是蓝色。

  2. text-secondary: 用于次要内容的颜色,通常是灰色。

  3. text-success: 表示成功的颜色,通常是绿色。

  4. text-danger: 表示危险或错误的颜色,通常是红色。

  5. text-warning: 表示警告的颜色,通常是黄色。

  6. text-info: 提供一般信息的颜色,通常是浅蓝色。

  7. text-light: 用于浅色背景上的文本,通常是白色或浅灰色。

  8. text-dark: 用于深色背景上的文本,通常是深灰色。

  9. text-muted: 表示禁用或较淡的颜色,通常是灰色。

这些类可以应用于任何包含文本的 HTML 元素,例如段落、标题、按钮等。例如:

<p class="text-primary">这是主要内容。</p>
<p class="text-danger">发生了一个错误。</p>
<button class="btn btn-warning">点击我</button>

在这个例子中,文本颜色和按钮颜色都使用了Bootstrap提供的预定义颜色类。你可以根据项目的需要选择适当的颜色类。