2015-11-18 243 views
0

最近我一直在玩Bootstrap 4,我試圖做一個崩潰的導航欄。我從他們的文檔中複製了這個例子,並在瀏覽器中對它進行了測試。我的引導程序崩潰導航欄沒有響應

當我最小化屏幕時,內容會消失,導航圖標會出現,但是當我點擊它時,導航無法打開。

你知道爲什麼嗎? 謝謝。

代碼:

<nav id="myNav" class="navbar navbar-dark bg-inverse"> 
    <div class="container"> 
    <button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#collapsing"> 
     &#9776; 
    </button> 
     <ul class="nav navbar-nav col-xs-9 collapse navbar-toggleable-sm" id="collapsing"> 
      <li class="nav-item active pull-right"> 
      <a class="nav-link" href="#">home<span class="sr-only">(current)</span></a> 
      </li> 
      <li class="nav-item pull-right"> 
       <a class="nav-link" href="#">about</a> 
      </li> 
      <li class="nav-item pull-right"> 
       <a class="nav-link" href="#">gallery</a> 
      </li> 
      <li class="nav-item pull-right"> 
       <a class="nav-link" href="#">contact</a> 
      </li> 
      <li class="nav-item pull-right">         
       <a href="#"><img src="facebook.gif" id="facebook" alt="facebook icon"></a> 
      </li> 
     </ul> 
    </div> 
</nav> 

回答

0

的原因,這不起作用是由於這樣的事實,導航欄需要bootstrap.min.js這又需要jquery.js

你錯過了其中之一。