配色

テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト

テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト

テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト

テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト

テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト

テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト

テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト

テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト

テーマカラー

Primary

Secondary

Success

Danger

Warning

Info

Light

Dark

背景色 + テキスト色

.bg-primary.text-white

.bg-primary-subtle.text-primary-emphasis

.bg-secondary.text-white

.bg-secondary-subtle.text-secondary-emphasis

.bg-success.text-white

.bg-success-subtle.text-success-emphasis

.bg-danger.text-white

.bg-danger-subtle.text-danger-emphasis

.bg-warning.text-warning-emphasis

.bg-warning-subtle.text-warning-emphasis

.bg-info.text-info-emphasis

.bg-info-subtle.text-info-emphasis

.bg-light.text-light-emphasis

.bg-light-subtle.text-light-emphasis

.bg-dark.text-white

.bg-dark-subtle.text-white

.bg-body-secondary

.bg-body-tertiary

.bg-body.text-body

.bg-black.text-white

.bg-white.text-dark

.bg-transparent.text-body

背景のグラデーション

.bg-primary.bg-gradient

.bg-secondary.bg-gradient

.bg-success.bg-gradient

.bg-danger.bg-gradient

.bg-warning.bg-gradient

.bg-info.bg-gradient

.bg-light.bg-gradient

.bg-dark.bg-gradient

.bg-black.bg-gradient

不透明度

.bg-success.text-white

.bg-success.bg-opacity-75.text-white

.bg-success.bg-opacity-50.text-success-emphasis

.bg-success.bg-opacity-25.text-dark

.bg-success.bg-opacity-10.text-dark