この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>
ありがとうございました。それは欠けていましたが、私はそれを追加しましたが、それはまだ動作しません。 –
このjsファイルをロードする前にjQueryライブラリを追加する必要があります。私は角度を使用するときにはわかりませんが、試してみてください – dippas
それはそれをしました。私はブートストラップがjqueryに依存していることを認識しませんでした。 –