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-* 顏色類一起使用。

實例

親自試一試