title: Bootstrap navbar background color not changing
body: <p>I am using the bootstrap navbar for my website. If I want to change the background color of the navbar I can do it using:</p>
  
  <pre><code>&lt;!-- Navbar --&gt;
  &lt;nav class="navbar navbar-default" role="navigation" &gt;
  
      &lt;div class="container-fluid" style="background-color:#000000"&gt;
  
         &lt;p&gt;hi&lt;/p&gt;
  
      &lt;/div&gt;
  
  &lt;/nav&gt;
  </code></pre>
  
  <p>But if I try to use css in an external sheet using either</p>
  
  <pre><code>.nav_backcolor {
     background-color:#000000;
  }
  </code></pre>
  
  <p>or overiding the bootstrap classes in my stylesheet using</p>
  
  <pre><code>.navbar-default {
  
  background-color:#000000;
  
  }
  </code></pre>
  
  <p>and adding the class like</p>
  
  <pre><code>&lt;!-- Navbar --&gt;
  &lt;nav class="navbar navbar-default nav_backcolor" role="navigation" &gt;
  
  &lt;div class="container-fluid"&gt;
  
     &lt;p&gt;hi&lt;/p&gt;
  
  &lt;/div&gt;
  
  &lt;/nav&gt;
  </code></pre>
  
  <p>it doesn't work. Any help please?</p>