Colors and Backgrounds

Convey meaning through color with a handful of color utility classes.

Bootstrap provides powerful, pre-built components and utilities.

Example

<p class="text-primary">.text-primary</p>
<p class="text-success">.text-success</p>
<p class="text-danger">.text-danger</p>
<div class="p-3 mb-2 bg-primary text-white">.bg-primary</div>
<div class="p-3 mb-2 bg-success text-white">.bg-success</div>
<div class="p-3 mb-2 bg-dark text-white">.bg-dark</div>

Experiment with the code above in the Playground!