How do I change Bootstrap 3's glyphicons to white?

CssTwitter BootstrapTwitter Bootstrap-3Glyphicons

Css Problem Overview


I've got the glyphicons in my page, but they are black. How do I set the glyphicons to white?

Css Solutions


Solution 1 - Css

You can just create your own .white class and add it to the glyphicon element.

.white, .white a {
  color: #fff;
}

<i class="glyphicon glyphicon-home white"></i>

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
Questionuser2654833View Question on Stackoverflow
Solution 1 - Cssdodgerogers747View Answer on Stackoverflow