2016-05-26 6 views
0

したがって、ブートストラップを使用して応答性の高いナビゲーションバーを作成しています。サイトをローカルでテストするたびに(ブラウザで開くだけ)、ナビゲーションバーが折りたたまれ、ボタンがクリック可能になります。これは私が望むものです。サイトをオンラインにすると、ナビゲーションバーが折りたたまれますが、ボタンはクリックできません。私は他の同様の質問を検索しました(私は多くがあることを知っています)が、何がうまくいかないのか分からないようです。私はまた、ドキュメントを通過しようとしましたが、成功しませんでした。私はまた、崩壊時にナビゲーションバーの左側の部分にボタンを配置したいと思います。私はそれを行う方法を理解できないようです。私が間違っていたことについて何か助けや助言をいただければ幸いです。前もって感謝します。私はそれを考え出したNavbarは折りたたまれますが、切り替えることはありません(ブートストラップ)

<nav class="navbar navbar-inverse top-buffer" role="navigation"> 
    <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 

      <div class="navbar-collapse collapse"> 
       <ul class="nav navbar-nav"> 
        <li class="active"><a href="#">Home</a></li> 
        <li><a href="#">Online Trainer</a></li> 
        <li><a href="#">Supplements</a></li> 
        <li><a href="#">Sponsored Athletes</a></li> 
        <li><a href="#">Affiliates</a></li> 
        <li><a href="#">Exercise Guide</a></li> 
        <li><a href="#">Log In</a></li> 
        <li><a href="#">About</a></li> 
        <li><a href="#">Contact</a></li> 
       </ul> 
      </div> 
     </div> 
    </div> 
</nav> 
+0

あなたは 'bootstrap.min.js'を使用していますか? – dippas

+0

これはブートストラップのデフォルトインストールですか?あなたの依存するJSファイルが正しくロードされていることを確認します(jquery.js bootstrap.jsなど)。これらがうまくロードされていれば、コンソールのエラーをチェックします。 – crazymatt

+0

<! - jQuery(BootstrapのJavaScriptプラグインに必要) - > <! - コンパイル済みのすべてのプラグインを含む(下記)、または必要に応じて個別のファイルを含める - > のいずれもbodyタグの終了前に表示されます。私はまた、コンソールのエラーをチェックして、何もありません。 – MatthewSpire

答えて

0

:ここ

は、関連するコードです。新人のように、私はbootstrap.min.jsを含めていませんでした。私は間違いを訂正し、今はすべてが正しく機能しています。

関連する問題