Bootstrap 4 Colors | Bootstrap font color
TextColorsBootstrap4hassomecontextualclassesthatcanbeusedtoprovide"meaningthroughcolors".Theclassesfortextcolorsare:.text-muted,.text-primary,.text-success,.text-info,.text-warning,.text-danger,.text-secondary,.text-white,.text-dark,.text-body(defaultbodycolor/oftenblack)and.text-light:ExampleThistextismuted.Thistextisimportant.Thistextindicatessuccess.Thistextrepresentssomeinformation.Thistextrepresentsawarning.Thistextrepresentsdanger.Secondarytext.Darkgreytext.Bodytext.Lightgreytext.Tryit...
Text ColorsBootstrap 4 has some contextual classes that can be used to provide "meaning through colors".
The classes for text colors are: .text-muted, .text-primary, .text-success, .text-info, .text-warning, .text-danger, .text-secondary, .text-white, .text-dark, .text-body (default body color/often black) and .text-light:
ExampleThis text is muted.
This text is important.
This text indicates success.
This text represents some information.
This text represents a warning.
This text represents danger.
Secondary text.
Dark grey text.
Body text.
Light grey text.
Try it Yourself »[1]Contextual text classes can also be used on links, which will add a darker hover color:
You can also a...