6

Bootstrap 3で応答性の高いナビゲーション バーを実装しようとしています。バーも正しく展開されます。次に、レスポンシブ折りたたみボタンをもう一度押すと、バーが半分ほど折りたたまれてから元に戻ります。

これにより、Javascript が適切に配置され、CSS も適切に配置されていることが確認されます。これが他にどのように起こっているのかわかりません。Plunkr でも動作しますが、私のプロジェクトでは動作しません。何か案は？

<div class="navbar">
   <div class="container">
      <button type="button" data-toggle="collapse" data-target=".navbar-responsive-collapse" class="navbar-toggle collapsed">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
      </button>
      <a href="#" class="navbar-brand">Title</a>
      <div style="height: 0px;" class="nav-collapse navbar-responsive-collapse collapse">
         <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#">Link</a></li>
         </ul>
      </div>
   </div>
</div>
4

2 に答える 2

9

コンパイル済みの Javascript が重複して含まれており、イベント リスナーとの取り違えがあったため、バグが発生していたことがわかりました。修理済み。

于 2013-08-02T20:05:25.460 に答える
6

私はまったく同じ問題を抱えbootstrap.jsて.jsいて、<body>.

于 2013-10-23T22:02:53.180 に答える