title: Change icon-bar (☰) color in bootstrap
body: <p>I want to change ☰ color.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menu"&gt;
    &lt;span class="sr-only"&gt;Toggle menu 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 tried various things (look bellow) but nothing works.</p>
  
  <p>CSS:</p>
  
  <pre class="lang-css prettyprint-override"><code>.icon-bar {
    color: black;
    border-color: black;
    background-color: black;
  }
  </code></pre>