如何做Bootstrap導航下拉菜單？

Question

我使用Bootstrap CSS與我的Html。
這裏是我的代碼：

<li class="dropdown"> 
     <a class="dropdown-toggle" data-toggle="dropdown" href="#">Menu 
      <span class="caret"></span></a> 
     <ul class="dropdown-menu"> 
      <li><a href="#">Burger's</a></li> 
      <li><a href="#">Fries</a></li> 
      <li><a href="#">Milkshakes</a></li> 
     </ul> 
</li> 

它不創建一個下拉列表鏈接。
我錯過了什麼？

Answer 1

請確保您已經添加bootstrap.js前3個文件

1. jQuery庫文件
2. bootstrap.js 和
3. bootstrap.css在你的腦袋標籤

Answer 2

<nav class="navbar navbar-default">  
     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> 
     <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </button> 

    </div> 
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
     <ul class="nav navbar-nav"> 
      <li class="dropdown"> 
       <a class="dropdown-toggle" data-toggle="dropdown" href="#">Menu 
        <span class="caret"></span></a> 
       <ul class="dropdown-menu"> 
        <li><a href="#">Burger's</a></li> 
        <li><a href="#">Fries</a></li> 
        <li><a href="#">Milkshakes</a></li> 
       </ul> 
      </li> 
     </ul> 
    </div> 
</nav> 

試試這個。在任何情況下，以供參考：http://getbootstrap.com/components/#navbar

Answer 3

我不知道，你還有什麼編碼，因爲你沒有分享你的演示文件。

如果您還沒有參考Bootstrap的網站，它說明了如何添加按鈕下拉菜單，請參閱本網站 - Bootstrap Button Dropdown。