Theme Colors

Using the card component, you can extend the default collapse behavior to create an accordion. To properly achieve the accordion style, be sure to use .accordion as a wrapper.

Get Started

Theme Colors


Bootstrap includes several predefined button styles, each serving its own semantic purpose, with a few extras thrown in for more control.

Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Pale backgrounds
Primary
Secondary
Success
Danger
Warning
Info
Dark
Gradient backgrounds
Primary
Secondary
Success
Danger
Warning
Info
Dark
Text colors
text-primary text-secondary text-success text-danger text-warning text-info
text-default text-muted text-light text-lighter text-lightest text-dark text-white