He estado leyendo los documentos y comparando mi código con los ejemplos de Bootstrap, pero no puedo entender por qué la barra de navegación en mi sitio baja aproximadamente 100px cuando abro la ventana de mi navegador o cuando lo veo en un teléfono.

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

Aquí está mi html en formato de plantilla de 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>