Establezca fácilmente el color del texto de un elemento en cualquier clase contextual.
primary
secondary
third
info
danger
warning
gray
success
dark
<div class="row mb-2">
<div class="col-sm-12 col-md-4 text-primary p-2">
<p class="text-title">primary</p>
</div>
<div class="col-sm-12 col-md-4 text-secondary p-2">
<p class="text-title">secondary</p>
</div>
<div class="col-sm-12 col-md-4 text-third p-2">
<p class="text-title">third</p>
</div>
<div class="col-sm-12 col-md-4 text-info p-2">
<p class="text-title">info</p>
</div>
<div class="col-sm-12 col-md-4 text-danger p-2">
<p class="text-title">danger</p>
</div>
<div class="col-sm-12 col-md-4 text-warning p-2">
<p class="text-title">warning</p>
</div>
<div class="col-sm-12 col-md-4 text-gray p-2">
<p class="text-title">gray</p>
</div>
<div class="col-sm-12 col-md-4 text-success p-2">
<p class="text-title">success</p>
</div>
<div class="col-sm-12 col-md-4 text-dark p-2">
<p class="text-title">dark</p>
</div>
</div>