Bootstrap 5 顏色

文字顏色

Bootstrap 5 提供了一些上下文類，可用於“透過顏色傳達含義”。

文字顏色類包括：.text-muted, .text-primary, .text-success, .text-info, .text-warning, .text-danger, .text-secondary, .text-white, .text-dark, .text-body（預設正文字型顏色/通常為黑色）和 .text-light

你也可以為黑色或白色文字新增 50% 的不透明度，使用 .text-black-50 或 .text-white-50 類

背景顏色

背景顏色類包括：.bg-primary, .bg-success, .bg-info, .bg-warning, .bg-danger, .bg-secondary, .bg-dark 和 .bg-light。

上面的 .bg-color 類不適用於文字，或者至少您必須指定一個適當的 .text-color 類才能為每個背景獲得正確的文字顏色。

但是，您可以使用 .text-bg-color 類，Bootstrap 將自動處理每個背景顏色對應的適當文字顏色