title: How do you override bootstrap 3 styles with external custom CSS?
body: <p>How do you override bootstrap 3 styles with external custom CSS?</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  &lt;link href = "css/bootstrap.min.css" rel = "stylesheet"/&gt;
  &lt;link href = "css/styles.css" rel = "stylesheet"/&gt;
  
  
  &lt;div class = "navbar navbar-inverse navbar-fixed-top"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.navbar-inverse {
      background-color: #FF0000;
  }
  </code></pre>