1
我已經構建了一個codepen上的引導程序導航欄,它爲移動摺疊並顯示一個圖標欄,單擊時應展開菜單,但菜單不會在單擊時展開。誰能告訴我我做錯了什麼?bootstrap導航欄崩潰圖標不觸發在codepen
我已經在CSS頁面上啓用了bootstrap,在Javascript頁面上啓用了jquery和bootstrap。
這裏的鏈接到codepen:http://codepen.io/bonfirehead/pen/xVxRxq
預先感謝您的幫助!
<div class="container-fluid">
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<button class="navbar-toggle" data-toggle="collapse" data- target="#myNavBar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse" id="myNavBar">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">CV</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
</nav>
<div class="row">
<div class="column-xs-6 background1">
</div>
<h2 class="background2 nopadding text-center"></h2>
</p>
</div>
</div>
<div class="column-xs-6">
</div>
</div>
我根據您的建議修正了HTML,現在工作正常。非常感謝你的幫助。非常感激!! – bonfirehead