title: Correct order of Bootstrap Stylesheets
body: <p>The <a href="http://twitter.github.com/bootstrap/components.html#navbar" rel="nofollow noreferrer">Twitter Bootstrap API</a> tells me to add my css to add padding to the body element in between the <code>bootstrap</code> css and the <code>bootstrap-responsive</code> css. I have done so in the <code>_master</code> file, but it doesn't seem to be adding the padding still.</p>
  
  <p>Am I reading this incorrectly or could something else potentially be wrong?</p>
  
  <p><strong>My <code>_master</code> head section</strong></p>
  
  <pre><code>&lt;head&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  &lt;title&gt;Get Bootstrapped&lt;/title&gt;
  &lt;link href="@Url.Content("~/css/bootstrap.css")" rel="stylesheet" /&gt;
  &lt;link href="@Url.Content("~/css/skin.css")" rel="stylesheet" /&gt;
  &lt;link href="@Url.Content("~/css/bootstrap-responsive.css")" rel="stylesheet" /&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div class="container"&gt;
          &lt;div class="navbar navbar-fixed-top"&gt;
              &lt;div class="navbar-inner"&gt;
                  &lt;a class="brand" href="#"&gt;Title&lt;/a&gt;
                  &lt;ul class="nav"&gt;
                      &lt;li class="active"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div&gt;
              @RenderBody()
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;script src="~/js/bootstrap.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>body {
      padding-bottom: 40px;
  }
  </code></pre>
  
  <p><strong>A visualization of the body padding not working (scrolled all the way to the top)</strong>
  <img src="https://i.stack.imgur.com/6dsM7.png" alt="enter image description here"></p>