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-* 色クラスを一緒に使用してください。

例

自分で試してみる