bootstrap3 の navbar-collapse がだらしない問題

twitter-bootstrap-rails (3.2.0)

だらしない

だらしくない(文字数がぴったりな場合に限る)

余白があるとその隙間に収まってしまう。floatが効いている？

レイアウトファイルは、`bundle exec rails g bootstrap:layout application`　コマンドで生成しているのでマークアップが間違えるのない感じがする。
なんでこういう動きになるのかわからず。
よくわからんし目grepするの疲れたので強行手段。

.nav-yokuwakaran {
  display: block;
}

@media (max-width: 767px) {
  .nav-yokuwakaran {
    clear: both;
  }
}

  body
    .navbar.navbar-default.navbar-static-top
        .container
          button.navbar-toggle type="button" data-toggle="collapse" data-target=".navbar-responsive-collapse"
            span.icon-bar
            span.icon-bar
            span.icon-bar
          a.navbar-brand.cool-font href="/" とてもとてもとても眠い
          span.nav-yokuwakaran
          .navbar-collapse.collapse.navbar-responsive-collapse
            ul.nav.navbar-nav.navbar-right
              li = link_to "新しくアップロードする", "/posts/new"

ジャバッ