reelyActive Bootstrap 5 components cheatsheet

Based on the bootstrappyactive.bundle.min.js compiled subset of Bootstrap 5.

Accordion

accordion accordion-flush

Collapse 1 content.

Collapse 2 content.

Badge

badge

Primary Secondary Success Danger Warning Info Light Dark

badge rounded-pill

Primary Secondary Success Danger Warning Info Light Dark

Button

btn btn-[color]

btn btn-outline-[color]

btn btn-[color] btn-lg

btn btn-[color] btn-sm

Card group

card-group text-bg-[color]
Primary
Title

Text

Footer
Secondary
Title

Text

Footer
Success
Title

Text

Footer
Danger
Title

Text

Footer
Warning
Title

Text

Footer
Info
Title

Text

Footer
Light
Title

Text

Footer
Dark
Title

Text

Footer
Ambient
Title

Text

Footer

Nav tabs

nav nav-tabs

Content of the first tab.

Content of the second tab.

Content of the third tab.

Offcanvas

offcanvas
offcanvas-header
offcanvas-body
offcanvas-header
offcanvas-body
offcanvas-header
offcanvas-body