Colors

Paint your website the way you Like it, solid, pale or gradient.

Bootstrap 5

Also, visit our documentation page.

Theme Colors

Bootstrap includes several predefined button styles, each serving its own semantic purpose, with a few extras thrown in for more control.


Text


.text-primary

.secondary-color

.light-color

.text-muted

.text-dark

.text-white

.success-color

.text-danger

.text-warning

.info-color

.peace-color

.text-opacity-75 (This is 75% opacity primary text)

.text-opacity-50 (This is 50% opacity primary text)

.text-opacity-25 (This is 25% opacity primary text)


Background


.primary-bg
.secondary-bg
.success-bg
.danger-bg
.bg-warning
.bg-info
.peace-bg
.bg-light
.bg-dark
.bg-white
.bg-transparent

Gradient


.primary-bg
.secondary-bg
.success-bg
.danger-bg
.bg-warning
.bg-info
.peace-bg
.bg-light
.bg-dark