Colors
Convey meaning through color with a handful of color utility classes. Includes support for styling links with hover states, too.
Colors on BootstrapTheme colors
.text-primary.bg-primary
.text-secondary.bg-secondary
.text-success.bg-success
.text-info.bg-info
.text-warning.bg-warning
.text-danger.bg-danger
.text-light.bg-light
.text-dark.bg-dark
Gray shades
.text-black.bg-black
.text-1100.bg-1100
.text-1000.bg-1000
.text-900.bg-900
.text-800.bg-800
.text-700.bg-700
.text-600.bg-600
.text-500.bg-500
.text-400.bg-400
.text-300.bg-300
.text-200.bg-200
.text-100.bg-100
.text-white.bg-white
Background Gradient
By adding a .bg-gradient class, a linear gradient is added as background image to the backgrounds. This gradient starts with a semi-transparent white which fades out to the bottom.
Do you need a gradient in your custom CSS? Just add background-image: var(--bs-gradient);.
.bg-gradient.bg-primary
.bg-gradient.bg-secondary
.bg-gradient.bg-success
.bg-gradient.bg-info
.bg-gradient.bg-warning
.bg-gradient.bg-danger
.bg-gradient.bg-light
.bg-gradient.bg-dark
Soft colors
.text-primary.bg-soft-primary.text-secondary.bg-soft-secondary.text-success.bg-soft-success.text-info.bg-soft-info.text-warning.bg-soft-warning.text-danger.bg-soft-danger.text-light.bg-soft-light.text-dark.bg-soft-darkBrand colors
.text-facebook.bg-facebook
.text-google-plus.bg-google-plus
.text-twitter.bg-twitter
.text-linkedin.bg-linkedin
.text-youtube.bg-youtube
.text-github.bg-github
