Bootstrap allows you to style your background, text and border in 7 different colours.
Text
| Class |
Colour |
text-primary |
Primary colour |
text-secondary |
Secondary colour |
text-success |
Green |
text-danger |
Red |
text-warning |
Yellow |
text-info |
Blue |
text-muted |
Grey |
text-white |
White |
text-light |
Light-mode grey |
text-dark |
Dark-mode black |
Text
| Class |
Colour |
bg-primary |
Primary colour |
bg-secondary |
Secondary colour |
bg-success |
Green |
bg-danger |
Red |
bg-warning |
Yellow |
bg-info |
Blue |
bg-light |
Light-mode grey |
bg-dark |
Dark-mode black |
bg-white |
White |
bg-transparent |
Transparent |
Border
| Class |
Colour |
border-primary |
Primary colour |
border-secondary |
Secondary colour |
border-success |
Green |
border-danger |
Red |
border-warning |
Yellow |
border-info |
Blue |
border-light |
Light-mode grey |
border-dark |
Dark-mode black |
border-white |
White |