Helpers
Easily and efficiently manage the display and behavior of your components with Bootstrap's helper classes.
Helpers
Color & Background
.bg-primary
.bg-secondary
.bg-success
.bg-danger
.bg-warning
.bg-info
.bg-light
.bg-dark
.bg-body
.bg-white
.bg-transparent
.text-primary
.text-secondary
.text-success
.text-danger
.text-warning
.text-info
.text-light
.text-dark
.text-body
.text-muted
.text-white
.text-black-50
.text-white-50
Ratio
4x3
Stacks
First item
Second item
Third item
First item
Second item
Third item
Fourth item
Visually Hidden
Title for screen readers
Skip to main contentFocusable visually hidden element
Stretched Link
Card with stretched link
Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhereText Truncation
This text is quite long, and will be truncated once it gets to the edge of its container.