📪Text Color
.text-{color}
.text-{color}
.text-success
Sets the text color to the success color value.
CSS equivalent: color: successColor;
Example usage:
<div class="text-success">
<!-- Content with a success text color -->
</div>
In the example above, the text color of the element will be set to the success color.
.text-danger
Sets the text color to the danger color value.
CSS equivalent: color: dangerColor;
Example usage:
<div class="text-danger">
<!-- Content with a danger text color -->
</div>
In the example above, the text color of the element will be set to the danger color.
.text-warning
Sets the text color to the warning color value.
CSS equivalent: color: warningColor;
Example usage:
<div class="text-warning">
<!-- Content with a warning text color -->
</div>
In the example above, the text color of the element will be set to the warning color.
.text-info
Sets the text color to the info color value.
CSS equivalent: color: infoColor;
Example usage:
<div class="text-info">
<!-- Content with a info text color -->
</div>
In the example above, the text color of the element will be set to the info color.
.color-{color}
.color-{color}
Sets the color of the text.
CSS equivalent: color: {value};
Example usage:
<span class="color-red">This text has red color.</span>
Last updated