Skip to main content

Text Colors

.text-black

.text-black-09

.text-black-08

.text-black-07

.text-black-06

.text-black-05

.text-black-04

.text-black-03

.text-black-02

.text-black-01

.text-yellow

.text-blue

.text-green

.text-red


<p class="text-black">.text-black</p>
<p class="text-black-09">.text-black-09</p>
<p class="text-black-08">.text-black-08</p>
<p class="text-black-07">.text-black-07</p>
<p class="text-black-06">.text-black-06</p>
<p class="text-black-05">.text-black-05</p>
<p class="text-black-04">.text-black-04</p>
<p class="text-black-03">.text-black-03</p>
<p class="text-black-02">.text-black-02</p>
<p class="text-black-01">.text-black-01</p>
<p class="text-yellow">.text-yellow</p>
<p class="text-blue">.text-blue</p>
<p class="text-green">.text-green</p>
<p class="text-red">.text-red</p>

.text-white

.text-white-09

.text-white-08

.text-white-07

.text-white-06

.text-white-05

.text-white-04

.text-white-03

.text-white-02

.text-white-01


<p class="text-white">.text-white</p>
<p class="text-white-09">.text-white-09</p>
<p class="text-white-08">.text-white-08</p>
<p class="text-white-07">.text-white-07</p>
<p class="text-white-06">.text-white-06</p>
<p class="text-white-05">.text-white-05</p>
<p class="text-white-04">.text-white-04</p>
<p class="text-white-03">.text-white-03</p>
<p class="text-white-02">.text-white-02</p>
<p class="text-white-01">.text-white-01</p>

Bootstrap Text Colors

.text-primary

.text-secondary

.text-success

.text-danger

.text-warning

.text-info

.text-light

.text-dark

.text-muted

.text-white


<p class="text-primary">.text-primary</p>
<p class="text-secondary">.text-secondary</p>
<p class="text-success">.text-success</p>
<p class="text-danger">.text-danger</p>
<p class="text-warning">.text-warning</p>
<p class="text-info">.text-info</p>
<p class="text-light bg-dark">.text-light</p>
<p class="text-dark">.text-dark</p>
<p class="text-muted">.text-muted</p>
<p class="text-white bg-dark">.text-white</p>