title: Can't change the list's text color to white
body: <p>I have created a list in which I have used glyphicons, when I hover my mouse, glyphicons become black, and I want the icons to appear white. I am using bootstrap also. </p>
  
  <p>List:</p>
  
  <pre><code>&lt;ul class="nav navbar-nav navbar-right" style="margin-top:5px;padding:10px;font-size:20px;;font-weight:bold;"&gt;
      &lt;li&gt;&lt;a href="#"&gt;&lt;i class="glyphicon glyphicon-user"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;&lt;i class="glyphicon glyphicon-bell"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;&lt;i class="glyphicon glyphicon-search"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;&lt;i class="glyphicon glyphicon-log-out"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;&lt;i class="glyphicon glyphicon-menu-hamburger"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p></p>