Bootstrap5 字体颜色

用户名:admin

Bootstrap教程  | 阅读: 92

发表:湖南  2025/8/15 9:33:30

未关注

Bootstrap 5 提供了一些有代表意义的颜色类:.text-muted.text-primary.text-success.text-info.text-warning.text-danger.text-secondary.text-white.text-dark.text-body (默认颜色,为黑色) and .text-light:

代表指定意义的文本颜色

柔和的文本。

重要的文本。

执行成功的文本。

代表一些提示信息的文本。

警告文本。

危险操作文本。

副标题。

深灰色文字。

默认颜色,为黑色。

浅灰色文本(白色背景上看不清楚)。

白色文本(白色背景上看不清楚)。

  <h2>代表指定意义的文本颜色</h2>

  <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>

  <p class="text-secondary">副标题。</p>

  <p class="text-dark">深灰色文字。</p>

  <p class="text-body">默认颜色,为黑色。</p>

  <p class="text-light">浅灰色文本(白色背景上看不清楚)。</p>

  <p class="text-white">白色文本(白色背景上看不清楚)。</p>




上一篇:   bootstrap入门学习心得
下一篇:   Bootstrap5 模态框