Colors
Contextual colors
Primary
.bg-primary
Info
.bg-info
Secondary
.bg-secondary
Warning
.bg-warning
Success
.bg-success
Danger
.bg-danger
Example: <divclass="d-flex align-items-center mb-2 mt-2"><divclass="w-7 h-7 bg-primary rounded mr-4"></div><div><strong>Primary</strong><br/><code>.bg-primary</code></div></div>
Other colors
Blue
.bg-blue
Azure
.bg-azure
Indigo
.bg-indigo
Purple
.bg-purple
Pink
.bg-pink
Red
.bg-red
Orange
.bg-orange
Yellow
.bg-yellow
Lime
.bg-lime
Green
.bg-green
Teal
.bg-teal
Cyan
.bg-cyan
Gray
.bg-gray
Dark gray
.bg-gray-dark
Dark blue
.bg-secondary
Example: <divclass="d-flex align-items-center mb-2 mt-2"><divclass="w-7 h-7 bg-blue rounded mr-4"></div><div><strong>Blue</strong><br/><code>.bg-blue</code></div></div>
Gradient colors
Primary
.bg-gradient-primary
Info
.bg-gradient-info
Warning
.bg-gradient-warning
Success
.bg-gradient-success
Danger
.bg-gradient-danger
Example: <divclass="d-flex align-items-center mb-2 mt-2"><divclass="w-7 h-7 bg-gradient-primary rounded mr-4"></div><div><strong>Primary</strong><br/><code>.bg-gradient-primary</code></div></div>