Similar to the contextual color classes, you can use the contextual background color classes to set the background-color of an element to apply extra emphasis on them.
| Class | Description | Test |
|---|---|---|
.bg-primary | Apply blue background-color (#007bff) on an element. | Example |
.bg-secondary | Apply grey background-color (#6c757d) on an element. | Example |
.bg-success | Apply green background-color (#28a745) on an element. | Example |
.bg-danger | Apply red background-color (#dc3545) on an element. | Example |
.bg-warning | Apply yellow background-color (#ffc107) on an element. | Example |
.bg-info | Apply teal background-color (#17a2b8) on an element. | Example |
.bg-light | Apply very light grey background-color (#f8f9fa) on an element. | Example |
.bg-dark | Apply dark grey background-color (#343a40) on an element. | Example |
.bg-white | Apply white background-color (#fff) on an element. | Example |
.bg-transparent | Apply transparent background-color (transparent) on an element. | Example |