Bootstrap 颜色

• 

  文字颜色

  Bootstrap 具有一些上下文类，可用于提供“颜色含义”。

  文本颜色的类别为：.text-muted， .text-primary， .text-success， .text-info， .text-warning， .text-danger， .text-secondary， .text-white， .text-dark， .text-body， .text-light

  这个是.text-muted

  这个是.text-primary

  这个是.text-success

  这个是.text-info

  这个是.text-warning

  这个是.text-danger

  这个是.text-secondary

  这个是.text-dark

  这个是.text-body

  这个是.text-light

  尝试一下

  上下文文本类也可以在链接上使用，这将添加更深的悬停颜色：

  Muted link.

  Primary link.

  Success link.

  Info link.

  Warning link.

  Danger link.

  Secondary link.

  Dark grey link.

  Body/black link.

  Light grey link.

  尝试一下

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

  黑色文本，白色背景上的不透明度为50％

  白色文字，黑色背景上的不透明度为50％

  尝试一下
• 

  背景颜色

  背景颜色的类别为：.bg-primary，.bg-success，.bg-info，.bg-warning，.bg-danger，.bg-secondary，.bg-dark和.bg-light。

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

  .bg-primary

  .bg-success

  .bg-info

  .bg-warning

  .bg-danger

  .bg-secondary

  .bg-dark

  .bg-light

  尝试一下
• 

  相关页面

  CSS 颜色

  CSS 背景颜色

  bootstrap CSS 类参考