2016-04-25 13 views
1

このnav-barは、画面が640pxより大きい場合は正常に動作しますが、小さな画面にメニューボタンが表示されている場合は、メニュー項目をクリックしてもメニュー項目は表示されません。ここにはsiteがあります。小さな画面でnav-barをブートストラップしないのはなぜですか?

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 

編集

あなたはこのファイルをJSロードする前にjQueryライブラリを追加する必要があります。

<nav class="navbar navbar-inverse"> 
    <div class="container-fluid"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#BHC-Navbar"> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="#">Bunker Hill</a> 
     </div> 
     <div class="collapse navbar-collapse" id="BHC-Navbar"> 
      <ul class="nav navbar-nav"> 
       <li class="active"><a href="#"><i class="glyphicon glyphicon-home"></i> Home</a></li> 
       <li><a href="#services" class="glyphicon glyphicon-info-sign"> Services</a></li> 
       <li><a href="#clients" class="glyphicon glyphicon-info-sign"> Clients</a></li> 
       <li><a href="#about" class="glyphicon glyphicon-info-sign"> About</a></li> 
       <li><a href="#contact"><i class="glyphicon glyphicon-envelope"></i> Contact</a></li> 
      </ul> 
     </div> 
    </div> 
</nav> 

答えて

2

あなたはbootstrap.min.jsはそうあなたがこのような何かを追加する必要がありません。

+0

ありがとうございました。それは欠けていましたが、私はそれを追加しましたが、それはまだ動作しません。 –

+0

このjsファイルをロードする前にjQueryライブラリを追加する必要があります。私は角度を使用するときにはわかりませんが、試してみてください – dippas

+0

それはそれをしました。私はブートストラップがjqueryに依存していることを認識しませんでした。 –

1

どこでもbootstrap.jsまたはbootstrap.min.jsを呼び出すようには見えません。そのスクリプトを呼び出すと、あなたは行かなくてはなりません。

+0

私はそれへの参照を追加しましたが、それでも動作しません。 –

関連する問題