The bootstrap 3 documentation lists this under helper classes:
Muted
, Primary
, Success
, Info
, Warning
, Danger
.
The bootstrap 4 documentation lists this under utilities -> color, and has more options:
primary
, secondary
, success
, danger
, warning
, info
, light
, dark
, muted
, white
.
The bootstrap 5 documentation lists this under utilities -> color, and has even more options:
primary
,primary-emphasis
,secondary
,secondary-emphasis
,success
,success-emphasis
,danger
,danger-emphasis
,warning
,warning-emphasis
,info
,info-emphasis
,light
,light-emphasis
,dark
,dark-emphasis
,body
,body-emphasis
,body-secondary
,body-tertiary
,black
,white
,black-50
,white-50
.
Please be aware that some of these are deprecated and will be removed next release.
To access them one uses the class
text-[class-name]
So, if I want the primary text color for example I would do something like this:
<p class="text-primary">This text is the primary color.</p>
This is not a huge number of choices, but it's some.
#333333
for text color.