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-* カラー クラスで使用する必要があることに注意してください。