Bootstrap – Change Text Color

Learn how to set the text color of elements on a web page using contextual classes in Bootstrap with live running examples. With Bootstrap, easily add color to text on a web page. The following are the contextual Classes for text color:

  • .text-muted: GRAY COLOR
  • .text-primary: BLUE COLOR – KEY CONTENT
  • .text-success: SUCCESS ACTION – GREEN COLOR
  • .text-info: SET INFORMATION
  • .text-warning: SET WARNING MESSAGE – ORANGE
  • .text-danger: SET DANGER MESSAGE – RED
  • .text-secondary: LESS KEY CONTENT
  • .text-white: WHITE COLOR TEXT
  • .text-dark: DARK TEXT
  • .text-body: NORMAL BODY
  • .text-light: LIGHT COLOR

Example – Change Text Color in Bootstrap

Let us now see an example to create text color on a web page in Bootstrap:


Bootstrap Change Text Color

Video Tutorial – Change Text Color in Bootstrap

The following is the complete video tutorial to learn how to change the text color on a web page in Bootstrap:

If you liked the tutorial, spread the word and share the link and our website Studyopedia with others:

Read More:

Bootstrap - Change the Text Background Color on a web page
Bootstrap Alerts
Studyopedia Editorial Staff
[email protected]

We work to create programming tutorials for all.

No Comments

Post A Comment

Discover more from Studyopedia

Subscribe now to keep reading and get access to the full archive.

Continue reading