Eu tenho lido os documentos e comparando o meu código com os exemplos do Bootstrap, mas não consigo descobrir por que a barra de navegação no meu site cai cerca de 100px quando eu diminuo a janela do meu navegador ou vejo isso em um telefone.

http://warm-ocean-8133.herokuapp.com/

Aqui está o meu html no formato de modelo jade.

<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>