Bootstrap 5 颜色

文本颜色

Bootstrap 5 有一些上下文类,可用于提供“由颜色表达的某种意义”。

针对文本颜色的类是:

  • .text-muted
  • .text-primary
  • .text-success
  • .text-info
  • .text-warning
  • .text-danger
  • .text-secondary
  • .text-white
  • .text-dark
  • .text-body(默认的 body 颜色/通常为黑色)
  • .text-light

实例

亲自试一试

您还可以使用 .text-black-50.text-white-50 类为黑色或白色文本添加 50% 的不透明度:

实例

亲自试一试

背景颜色

针对背景颜色的类是:

  • .bg-primary
  • .bg-success
  • .bg-info
  • .bg-warning
  • .bg-danger
  • .bg-secondary
  • .bg-dark
  • .bg-light

请注意,背景颜色不会设置文本颜色,因此在某些情况下,您需要将它们与 .text-* 颜色类一起使用。

实例

亲自试一试