Utilities
Explore dozens of utility classes for showing, hiding, aligning, styling and spacing content.
Hover
Opacity
.opacity-100
.opacity-75
.opacity-50
.opacity-25
Gradients
.bg-gradient-primary
.bg-gradient-success
.bg-gradient-danger
.bg-gradient-warning
.bg-gradient-info
.bg-gradient-dark
Shadows
.shadow-lg-primary
.shadow-lg-secondary
.shadow-lg-success
.shadow-lg-info
.shadow-lg-warning
.shadow-lg-dark
.shadow-xl-primary
.shadow-xl-secondary
.shadow-xl-success
.shadow-xl-info
.shadow-xl-warning
.shadow-xl-dark
Backgrouds
.bg-primary
.bg-primary-subtle
.bg-secondary
.bg-secondary-subtle
.bg-success
.bg-success-subtle
.bg-danger
.bg-danger-subtle
.bg-warning
.bg-warning-subtle
.bg-info
.bg-info-subtle
.bg-light
.bg-light-subtle
.bg-dark
.bg-dark-subtle
.bg-body-secondary
.bg-body-tertiary
.bg-body
.bg-black
.bg-white
.bg-transparent
Borders
primary
primary subtle
secondary
secondary subtle
success
success subtle
info
info subtle
warning
warning subtle
danger
danger subtle
light
dark
border primary
border info
rounded-0
rounded-1
rounded-2
rounded-3
rounded-4
rounded-5
Text Colors
.text-primary
.text-primary-emphasis
.text-secondary
.text-secondary-emphasis
.text-success
.text-success-emphasis
.text-danger
.text-danger-emphasis
.text-warning
.text-warning-emphasis
.text-info
.text-info-emphasis
.text-light
.text-light-emphasis
.text-dark
.text-dark-emphasis
.text-body
.text-body-emphasis
.text-body-secondary
.text-body-tertiary
.text-black
.text-white
.text-black-50
.text-white-50