Backgrounds
Backgrounds to any contextual element.
Primary colors
| Code | Example |
|---|---|
bg-primary |
|
bg-primary-subtle |
|
bg-secondary |
|
bg-secondary-subtle |
|
bg-light |
|
bg-light-subtle |
|
bg-dark |
|
bg-dark-subtle |
|
bg-blue-500 |
Secondary colors
| Code | Example |
|---|---|
bg-success |
|
bg-success-subtle |
|
bg-info |
|
bg-info-subtle |
|
bg-warning |
|
bg-warning-subtle |
|
bg-danger |
|
bg-danger-subtle |
Grayscale
| Code | Example |
|---|---|
bg-body-secondary |
|
bg-body-tertiary |
Backgrounds and colors
| Code | Example |
|---|---|
text-bg-primary |
Primary with contrasting color |
text-bg-secondary |
Secondary with contrasting color |
text-bg-light |
Light with contrasting color |
text-bg-dark |
Dark with contrasting color |
text-bg-success |
Success with contrasting color |
text-bg-info |
Info with contrasting color |
text-bg-warning |
Warning with contrasting color |
text-bg-danger |
Danger with contrasting color |