Ich habe die Dokumente gelesen und meinen Code mit den Beispielen von Bootstrap verglichen, kann aber nicht herausfinden, warum die Navigationsleiste auf meiner Website um etwa 100 Pixel verkleinert wird, wenn ich mein Browserfenster verkleinere oder es auf einem Telefon ansehe.

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

Hier ist mein HTML im Jadevorlagenformat.

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