Bootstrap

Background utilities


Background color

Similar to the contextual text color classes, set the background of an element to any contextual class.

Be mindful of accessibility. Add attribute data-bs-theme="dark" if the text color isn't accessible. Most of these background utility classes do not define text color. It must be set by the theme.

.bg-body
.bg-light-grey
.bg-black4
.bg-dark-grey
.bg-black95
.bg-black
.bg-subtle
.bg-bold
.bg-standard
.bg-rev
.bg-promo
.bg-primary
.bg-success
.bg-info
.bg-warning
.bg-danger

Created and open sourced by the Bootstrap team. Sage branded by Central XD of Sage.