With Twitter Bootstrap, how can I customize the h1 text color of one page and leave the other pages to be default?

Question

On my index page, I want the h1 text color to be white and comes with shadow, but I don\'t want to change the default behavior the h1 on other pages. How can I achieve this?

Answer 1

After perusing this myself (Using the Text Color Classes in Connor Leech's answer)

Be warned to pay careful attention to the "navbar-text" class.

To get green text on the navbar for example, you might be tempted to do this:

Some Text Here

This will NOT work!! "navbar-text" overrides the color and replaces it with the standard navbar text color.

The correct way to do it is to nest the text in a second element, EG:

Some Text Here

or in my case (as I wanted emphasized text)

Some Text Here

When you do it this way, you get properly aligned text with the height of the navbar and you get to change the color too.