引導程序崩潰移動導航欄不起作用

我正在做一個Meteor項目，我的導航欄應該具有Bootstrap提供的摺疊功能。以下是我的導航代碼：引導程序崩潰移動導航欄不起作用

<!-- Navigation, via bootstrap --> 
<nav class="navbar navbar-default navbar-fixed-top"> 
    <section class="container-fluid"> 

     <section class="navbar-header"> 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapse-1"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="{{ pathFor 'home' }}"><i class="fa fa-usd"></i>&nbsp;&nbsp;AccountedFor</a> 
     </section> 

     <!-- collapse? --> 
     <section class="collapse navbar-collapse" id="collapse-1"> 
      <ul class="nav navbar-nav"> 
       {{#if currentUser}} 
        <p class="navbar-text">|</p> 
        <li><a href="{{pathFor 'categories'}}">Manage Categories</a></li> 
       {{/if}} 
       <p class="navbar-text">|</p> 
       <li><a href="{{pathFor 'about'}}">About</a></li> 
      </ul> 
      <section class="navbar-right"> 
       <p class="navbar-text"> 
        {{> loginButtons align="right"}} 
       </p> 
      </section> 

     </section> <!-- end collapse --> 
    </section> 
</nav>

這是當前的條狀圖，當我單擊應該展開菜單的按鈕後。

Incorrect Navbar

這是酒吧的樣子時，它是足夠的寬度不要求崩潰，可見所有條目：

Full Navbar

它顯示應用切換按鈕沒有問題當窗口大小合適時，但我期望的摺疊功能不會發生。任何人都在意提供一些建議？提前致謝：

http://jsfiddle.net/bfo38kb1/ < - 這小提琴說明我遇到的問題。

來源

2015-04-23 MisutoWolf

心中把它在一個小提琴什麼的？ – ajmajmajma

我可以嘗試一下。我可能不得不修改它以在小提琴中工作，因爲這是Meteor應用程序的一部分，並且如果沒有應用程序存在，某些東西將無法正常工作。 – MisutoWolf

可以理解，但很難說沒有看到更多，可能會導致問題的原因。 – ajmajmajma

bootstrap.js文件在您的小提琴中丟失。
包括它使它工作。

<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

看到這個 http://jsfiddle.net/bfo38kb1/1

來源

2015-04-23 13:38:45

引導程序崩潰移動導航欄不起作用

回答

相關問題