Bootstrap Text Color Classes

Notes:

Bootstrap Text color classes:

text-primary : displays text in blue color
<p class="text-primary">Some text</p>

text-secondary : displays text in mid gray color
<p class="text-secondary">Some text</p>

text-success : displays text in green color
<p class="text-success">Some text</p>

text-warning : displays text in yellow color
<p class="text-warning">Some text</p>

text-info : displays text in cyan (fairy tale blue) color
<p class="text-info">Some text</p>

text-danger : displays text in red color
<p class="text-danger">Some text</p>

text-dark : displays text in dark gray color
<p class="text-dark">Some text</p>

text-light : displays text in light gray color
<p class="text-light">Some text</p>

text-white : displays text in white color
<p class="text-white">Some text</p>

text-muted : displays text in mid gray color
<p class="text-muted">Some text</p>

text-hide : displays text in transparent color
<p class="text-hide">Some text</p>

CSS color property:
<p style="color:red;">Some text</p>
<p style="color:#ff0000;">Some text</p>
<p style="color:rgb(255,0,0);">Some text</p>
<p style="color:rgba(255,0,0,1);">Some text</p>

Interview Questions: