Bootstrap Color Classes

In this article, we will see different types of bootstrap color classes. Bootstrap provides various text color-related , and we understand how to use them step-by-step.

Types of font color classes

• text-primary : Displays text in blue color
• text-secondary: displays text in mid gray color
• text-success: displays text in green color
• text-warning: displays text in yellow color
• text-info: displays text in cyan (fairy tale blue) color
• text-danger:displays text in red color
• text-dark: displays text in dark gray color
• text-light : displays text in light gray color
• text-white : displays text in white color
• text-muted : displays text in mid gray color
• text-hide : displays text in transparent color

Example code:

<p class="text-primary">Some text</p>
<p class="text-secondary">Some text</p>
<p class="text-success">Some text</p>
<p class="text-warning">Some text</p>
<p class="text-info">Some text</p>
<p class="text-danger">Some text</p>
<p class="text-dark">Some text</p>
<p class="text-light">Some text</p>
<p class="text-whité">Some text</p>
<p class="text-muted">Some text</p>
<p class="text-hide">Some text</p>

Output: