html - ブートストラップの折りたたまれたヘッダーが最初のクリックでちらつく

Question

ブートストラップ ナビゲーション バーで奇妙な問題が発生しています。ウィンドウが十分に小さい場合、展開ボタンは期待どおりに表示されます。ただし、ボタンをクリックすると、非常に奇妙な動作になります。最初のクリックでドロップダウンの内容がちらつき、その後消えます。2 回目のクリックで、ドロップダウンは正常に表示されますが、アニメーションは表示されません。

コード (サーバーによってレンダリングされたもの)

  <div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
     <div class="container">
     <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
     </a>
     <a href="/" class="brand"></a>

      <div class="nav-collapse">
        <ul class="nav">
          <li><a href="/businesses">Businesses</a></li>
          <li><a href="/about">About Us</a></li>
          <li><a href="/contact">Contact</a></li>
          <li><a href="/advertise">Advertise</a></li>
        </ul>
        <ul class="nav pull-right">
          <li><a href="/users/sign_in">Login</a></li>
          <li><a href="/users/sign_up">Sign Up</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>

何かご意見は？

編集: 通常、ブランド アンカーには画像があります。