Components
Alerts
Badges
Primary Secondary Success Danger Warning Info Light DarkPrimary Secondary Success Danger Warning Info Light Dark
Carousel
Collapse
Dropdowns
Forms
Custom forms
Input Group
Modal
Navbar
Popovers
Spinners
Toasts
Tooltips
Utilities
Border
Additive
Subtractive
Border Radius
Clearfix
Close Button
Float
Screen readers
Spacing
Text
Left aligned text on all viewport sizes.
Right aligned text on all viewport sizes.
Left aligned text on viewports sized SM (small) or wider.
Left aligned text on viewports sized MD (medium) or wider.
Left aligned text on viewports sized LG (large) or wider.
Left aligned text on viewports sized XL (extra-large) or wider.
Right aligned text on viewports sized SM (small) or wider.
Right aligned text on viewports sized MD (medium) or wider.
Right aligned text on viewports sized LG (large) or wider.
Right aligned text on viewports sized XL (extra-large) or wider.
Bold text.
Bolder weight text (relative to the parent element).
Normal weight text.
Light weight text.
Lighter weight text (relative to the parent element).
Italic text.
This is in monospace
Visibility
Embed
Deprecated components / Utilities
Jumbotron
Hello, world!
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.
It uses utility classes for typography and spacing to space content out within the larger container.
Learn moreFluid jumbotron
This is a modified jumbotron that occupies the entire horizontal space of its parent.
Media
Media heading
Will you do the same for me? It's time to face the music I'm no longer your muse. Heard it's beautiful, be the judge and my girls gonna take a vote. I can feel a phoenix inside of me. Heaven is jealous of our love, angels are crying from up above. Yeah, you take me to utopia.