title: Not able to change bootstrap's css
body: <p>I'm with a problem that I just can't change things on bootstrap's css. I've tried directly edit bootstrap and create another css for override, but no success on both. For example, I want to change navbar's background color but it doesn't work (curiously, it works on mobile), it still stay with the default color of bootstrap, which is black.</p>
  
  <p>I'll let below a part of my code.</p>
  
  <p>THIS IS THE CSS I'VE CREATED FOR OVERRIDING
  <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.navbar-inverse{
    background:#f46e42 !important;
      color:blue;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!doctype html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;meta name="description" content="Página de operações"&gt;
      &lt;title&gt; Operar &lt;/title&gt;
      &lt;link rel="stylesheet" href="css/bootstrap.css"&gt;
    &lt;link rel="stylesheet" href="css/meucss.css"&gt;
    &lt;/head&gt;
    &lt;body&gt;  
    &lt;header class="navbar navbar-inverse navbar-static-top" id="nav" style="margin-bottom: 0px;"&gt;
     &lt;div class="container"&gt;
      &lt;div class="navbar-header"&gt;
          &lt;a class="navbar-brand" href="javascript:history.back()"&gt; Previous Page &lt;/a&gt; 
       &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse"&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;
               &lt;/div&gt;
      &lt;div class="collapse navbar-collapse navHeaderCollapse" id="myNavbar"&gt;
      &lt;ul class="nav navbar-nav navbar-right"&gt;
       &lt;li class="active"&gt;&lt;a href="#"&gt; Home &lt;/a&gt;&lt;/li&gt;
       &lt;li class="#"&gt;&lt;a href="#"&gt; About &lt;/a&gt;&lt;/li&gt;
       &lt;li&gt; &lt;a class="dropdown-toggle" href="#" data-toggle="dropdown"&gt; Learn &lt;b class="caret"&gt; &lt;/b&gt;&lt;/a&gt;
        &lt;ul class="dropdown-menu"&gt;
         &lt;li class="dropdown-header"&gt; Examples &lt;/li&gt;
         &lt;li&gt;&lt;a href="#"&gt; C++ &lt;/a&gt;&lt;/li&gt;
         &lt;li&gt;&lt;a href="#"&gt; Java &lt;/a&gt;&lt;/li&gt;
         &lt;li class="dropdown-header"&gt; Tutorials &lt;/li&gt;
         &lt;li&gt;&lt;a href="#"&gt; JavaScript&lt;/a&gt;&lt;/li&gt;
         &lt;li&gt;&lt;a href="#"&gt; Cobol &lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
       &lt;/li&gt;
       &lt;/ul&gt; 
      &lt;/div&gt;
     &lt;/div&gt;
    &lt;/header&gt;</code></pre>
  </div>
  </div>
  </p>