引導導航欄折疊圖標未觸發

Question

我用引導程序制作了一個simpel導航欄（我是從一個工作模板中復制的）。 我提供了最新的bootstrap.min.js和bootwatch的未修改CSS。

<div class="navbar navbar-default navbar-fixed-top" style="z-index:2;">
      <div class="container">
        <div class="navbar-header">
          <a href="../" class="navbar-brand"></a>
          <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        </div>
        <div class="navbar-collapse collapse" id="navbar-main">
          <ul class="nav navbar-nav navbar-right">
                      <li>
              <a href="../help/">Start</a>
            </li>
            <li>
              <a href="../help/">Leverantörer</a>
            </li>
          </ul>
        </div>
      </div>
    </div>  

但是，當我在手機上運行該按鈕時，它不會觸發菜單。 我做錯了什么？

Answer 1

請檢查此JSFIDDLE鏈接。 您共享的相同代碼似乎運行良好。

我已經包括了CDN引導程序的CSS和JS。

 <div class="navbar navbar-default navbar-fixed-top" style="z-index:2;"> <div class="container"> <div class="navbar-header"> <a href="../" class="navbar-brand"></a> <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="navbar-collapse collapse" id="navbar-main"> <ul class="nav navbar-nav navbar-right"> <li> <a href="../help/">Start</a> </li> <li> <a href="../help/">Leverantörer</a> </li> </ul> </div> </div> </div> 

JSFIDDLE

Answer 2

似乎您錯過了添加bootstrap.js文件。

因此，在關閉body標簽之前，請添加此行。

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

</body> > <!-- please note I have added it just before closing body tag -->