Bootstrap - CSS 標準色など


クラス .text-*** の使用例

.text-*** を使うとテキストの色を Bootstrap の標準的な色に設定できる。

text-muted

text-primary

text-success

text-info

text-warning

text-danger

<p class="text-muted">text-muted</p>
<p class="text-primary">text-primary</p>
<p class="text-success">text-success</p>
<p class="text-info">text-info</p>
<p class="text-warning">text-warning</p>
<p class="text-danger">text-danger</p>

クラス .bg-*** の使用例

.bg-*** を使うとテキストの背景色を Bootstrap の標準的な色に設定できる。

bg-primary

bg-success

bg-info

bg-warning

bg-danger

<p class="bg-primary">bg-primary</p>
<p class="bg-success">bg-success</p>
<p class="bg-info">bg-info</p>
<p class="bg-warning">bg-warning</p>
<p class="bg-danger">bg-danger</p>