title: Twitter Bootstrap Responsive Navbar Broken on Small Screens
body: <p>I've been reading the docs and comparing my code to Bootstrap's examples, but I cannot figure out why the navbar on my site drops down about 100px when I make my browser window smaller or view it on a phone.</p>
  
  <p><a href="http://warm-ocean-8133.herokuapp.com/">http://warm-ocean-8133.herokuapp.com/</a></p>
  
  <p>Here's my html in jade template format.</p>
  
  <pre><code>.navbar.navbar-fixed-top
    .navbar-inner
      .container
        a.btn.btn-navbar(data-toggle="collapse",data-target=".nav-collapse")
          span.icon-bar
          span.icon-bar
          span.icon-bar
        a.brand(href='#home') Miles Matthias
        .nav-collapse
          ul.nav
            li.active
              a(href='#home') Home
            li
              a(href='#contact') Contact
  </code></pre>