title: override twitter bootstrap doesn't work for some reason
body: <p>so my page header look like this:</p>
  
  <pre><code>&lt;link href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css" rel="stylesheet"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"&gt;&lt;/script&gt;
  &lt;script src="//netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"&gt;&lt;/script&gt;
  &lt;script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular-route.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/app.js"&gt;&lt;/script&gt;
  &lt;link href="css/style.css" rel="stylesheet"&gt;
  </code></pre>
  
  <p>and inside style.css i have:</p>
  
  <pre><code>.navbar-default {
      background-color: #FDFDFD;
      border-color: #E7E7E7;
  }
  </code></pre>
  
  <p>however, when the page loads, i see that the bootstrap css class override mine and not vice versa. Am i missing something here? could it be because i'm using the cached version (i don't think so). See attached image</p>
  
  <p><img src="https://i.stack.imgur.com/4ubzK.png" alt="enter image description here"></p>
  
  <p>please advise.</p>