title: Change bootstrap navbar background color and font color
body: <p>I want to change the background and text color in a bootstrap <code>navbar</code> but it's not changing as expected... Here is my custom CSS:</p>
  
  <pre><code>.navbar-default .navbar-fnt {
      color: #FFFFFF;
  }
  .navbar-default .navbar-backgrnd {
      color: #CC3333;
  }
  </code></pre>
  
  <p>And the relevant HTML:</p>
  
  <pre><code>&lt;div id="menu" class="navbar navbar-default navbar-fnt navbar-backgrnd"&gt;
      &lt;div class="navbar-header"&gt;
          &lt;div class="collapse navbar-collapse"&gt;
                ul and li
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I can't figure out why this won't change the background and text-color - can anyone help?</p>