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