title: How to change Bootstrap toggle navigation color?
body: <p>From what I see this is the code for the toggle-navigation button:</p>
  
  <pre><code>&lt;button id="nav-toggle-button" type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"&gt;
      &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
      &lt;span class="icon-bar"&gt;&lt;/span&gt;
      &lt;span class="icon-bar"&gt;&lt;/span&gt;
      &lt;span class="icon-bar"&gt;&lt;/span&gt;
  &lt;/button&gt;
  </code></pre>
  
  <p>I added id="nav-toggle-button" and gave it this CSS:</p>
  
  <pre><code>#nav-toggle-button {
  color: gray;
  }
  </code></pre>
  
  <p>but nothing has changed. I tried adding !important as well, without success and I don't know what else to try. Anybody knows?</p>
  
  <p>EDIT: Here's a fiddle with a solution suggested by Prashant123 (sorry, not enough reputation to vote up your answer!): <a href="http://jsfiddle.net/LuKSB/1/" rel="noreferrer">http://jsfiddle.net/LuKSB/1/</a>  it's way better already, but it would be perfect if the horizontal lines inside the button would be visible (white). I guess it would be changing the color, but it doesn't work.</p>