Utilitário da propriedade color
As classes utilitárias de cor de texto no Bootstrap 5 permitem que você defina a cor do texto de elementos, como títulos, parágrafos e links.
<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 bg-dark">.text-warning</p>
<p class="text-info bg-dark">.text-info</p>
<p class="text-light bg-dark">.text-light</p>
<p class="text-dark">.text-dark</p>
<p class="text-body">.text-body</p>
<p class="text-muted">.text-muted</p>
<p class="text-white bg-dark">.text-white</p>
<p class="text-black-50">.text-black-50</p>
<p class="text-white-50 bg-dark">.text-white-50</p>
Além disso, o Bootstrap 5 também oferece suporte a classes auxiliares para links, como .link-primary
, .link-secondary
, .link-success
, .link-danger
, .link-warning
, .link-info
, .link-light
e .link-dark
. Essas classes permitem que você defina a cor do texto do link e também incluem estados de foco e hover.