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-* 颜色类一起使用。

实例

亲自试一试