颜色

文本颜色

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

实例