Bootstrap4 Colors

📅 2026-06-20 | 📂 Bootstrap

# Bootstrap4 Colors Bootstrap 4 provides several contextual color classes: .text-muted, .text-primary, .text-success, .text-info, .text-warning, .text-danger, .text-secondary, .text-white, .text-dark and .text-light: ## Example

Text Colors with Specific Meanings

Muted text.

Important text.

Successful action text.

Informational text.

Warning text.

Dangerous action text.

Subtitle.

Dark gray text.

Light gray text (not visible on white background).

White text (not visible on white background).

[Try it »](#) **Using in Links** ## Example

Text Colors

Hover over the links.

Muted link.Primary link.Success link.Info text link.Warning link.Danger link.Subtitle link.Dark gray link.Light gray link.

[Try it »](#) * * * ## Background Colors The classes for background colors are: .bg-primary, .bg-success, .bg-info, .bg-warning, .bg-danger, .bg-secondary, .bg-dark and .bg-light. Note that background colors do not set the text color. In some cases, you will need to use them with .text-* classes. ## Example

Background Colors

Important background color.

Successful action background color.

Informational background color.

Warning background color

Danger background color.

Subtitle background color.

Dark gray background color.

Light gray background color.

[Try it »](#)

YouTip