Colors
Contextual colors
Primary
.bg-primaryInfo
.bg-infoSecondary
.bg-secondaryWarning
.bg-warningSuccess
.bg-successDanger
.bg-dangerExample: <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-blueAzure
.bg-azureIndigo
.bg-indigoPurple
.bg-purplePink
.bg-pinkRed
.bg-redOrange
.bg-orangeYellow
.bg-yellowLime
.bg-limeGreen
.bg-greenTeal
.bg-tealCyan
.bg-cyanGray
.bg-grayDark gray
.bg-gray-darkDark blue
.bg-secondaryExample: <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-primaryInfo
.bg-gradient-infoWarning
.bg-gradient-warningSuccess
.bg-gradient-successDanger
.bg-gradient-dangerExample: <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>