What this Bootstrap Utility API class does
Sets the CSS color property on an element. The CSS property color is used to set the color of text in an element. It can be used to set the color of all text within an element, or to set the color of specific types of text, such as headings or links, using other CSS selectors.
Uses the Bootstrap SASS map $utilites-text-colors to set the values.
Example usage & available classes
<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>
Example override
In the example override below, we are enabling the responsive option for the utility, which means it will be available per breakpoint.
"color": map-merge(
map-get($utilities, "color"),
(
responsive: true
)
)