Twitterのブートストラップ2、崩壊-NAV

Question

Twitterの崩壊-NAV内での作業のリンクを得るのですかブートストラップ2、と私はjqueryのが含まれている

<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 class="brand" href="/index.html">Hubsphere - Controller</a> 
     <div class="nav-collapse"> 
     <ul class="nav"> 
      <li class=""> 
      <a href="./index.html">Overview</a> 
      </li> 
     </ul> 
     </div> 
    </div> 
    </div> 
</div>  

、およびブートストラップ・collapse.jsファイル。

私は$('.nav-collapse').collapse()を呼び出してみましたが、これは折りたたみ領域を開き、ボタンを有効にしません。これはマークアップで動作するはずなので、私が期待していたものです。

おかげ

Answer 1

が、私はこの問題はまだ実際にはブートストラップと2.0.4

を発生するかどうかを確認するために少し興味があった、それはbootstrap.jsと、ブートストラップ・collapse.jsの両方を含むことも意味がありません-collapse.js

のみブートストラップ・collapse.jsそれは予想通りpefectly正常に動作 http://jsfiddle.net/baptme/YWUmb/6/

。

両方boostrap.js &ブートストラップ-collapse.js： http://jsfiddle.net/baptme/YWUmb/5/

初めて崩壊のボタンをクリックすると、divが開き、すぐに閉じます。 （プラグインが2回宣言されているからだと思います）。

そして、うまくいきます。

この問題は、twitterブーストラップ（2.0.0）の初期バージョンに特有ですが、プラグイン構造が変更されたために処理されました。

Answer 2

[OK]を、私の問題は、私はそれがうまくいかなかったとき、私は、同じファイルにbootstrap.jsとブートストラップ・collapse.js含めた私はbootstrap.jsが必要だったと仮定して、ということだったので、 bootstrap-collapse.jsが含まれています。

私には明らかですが、bootstrap.jsはすべてのブートストラップjsをロールアップしたものです。どちらがいいですか...

Answer 3

bootstrap-responsive.cssの後にbootstrap.cssファイルが必要な場合もあります。これにより、ボタンが表示されなくなります。 bootstrap-responsive.cssの前に、bootstrap.cssが必要であることを確認してください。 bootstrap.jsは、ブートストラップが含まれているため

Answer 4

ブートストラップjqueryライブラリ（すべてのjsをすべてのプラグインに保存します）を含めるか、単一のライブラリを含めるかのどちらかです。 EXのためだから、

：あなたはあなたができるツールチップを使用する場合：

• が含まれます：JS/bootstrap.js（すべてのプラグインが含まれています）

または

• は、次のとおりです。ブートストラップ/ js/bootstrap-tooltip.js

第2回あなたが使用されていないブラウザのものに負荷をかけないので、hodは良いです！

githubからLESSバージョンを使用するか、ブートストラップWebサイトのカスタムコンパイラを使用してコンパイルしてください。デフォルトを使用しないでください！