Core Code
Core Code Modern Dev Handbook

Text Color Utilities

Apply Bootstrap theme colors to text using text-* classes.

Preview

Code

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
</head>

<body>

<div class="container py-5">

<p class="text-primary">Primary text</p>
<p class="text-success">Success text</p>
<p class="text-danger">Danger text</p>
<p class="text-warning">Warning text</p>
<p class="text-info">Info text</p>
<p class="text-muted">Muted text</p>

</div>

</body>
</html>

More BS5 Colors Examples (7)

example Background Colors open example example Colored Links open example example Colorful Alerts open example example Button Theme Colors open example example Card Color Example open example example Badge Colors open example example Color Contrast Example open example