Bootstrap下拉菜單不能與標準的JS和CSS一起工作

我不知道我在做什麼，當涉及到前端開發。我有一個錨標記，並在一個點擊，我希望有一個引導的下拉菜單來顯示，這裏是HTML：Bootstrap下拉菜單不能與標準的JS和CSS一起工作

<div class="dropdown"> 
    <a data-target="#" class="dropdown-toggle" data-toggle="dropdown">Developer Ctrls</a> 
    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"> 
     <li><a tabindex="-1" href="#">Action</a></li> 
     <li><a tabindex="-1" href="#">Another action</a></li> 
     <li><a tabindex="-1" href="#">Something else here</a></li> 
     <li class="divider"></li> 
     <li><a tabindex="-1" href="#">Separated link</a></li> 
    </ul> 
</div>

以上HTML直接取自http://getbootstrap.com/2.3.2/javascript.html#dropdowns

的問題是，雖然錨點標籤出現，當我點擊它時什麼都沒有發生 - 下拉菜單不會出現。

我都引導js和css，來自：https://www.bootstrapcdn.com/

什麼是我爲了得到下拉，以顯示我缺少的一步？

來源

2016-03-08 Alexander Mills

你的代碼中引用了哪個版本的Bootstrap？你也有jQuery嗎？ – DavidG

你是否包含Bootstrap的CSS和JS文件？ –

謝謝，是的，我有jQuery，我有我提到的CDN bootstrap js/css的最新版本 –

要解決此問題，您需要引導程序版本2.3.2。要做到這一點，從your link採取CDN，它從：

https://maxcdn.bootstrapcdn.com/bootstrap/
             
  
    3.3.6 
  /css/bootstrap.min.css

...這樣的：

https://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.min.css

作爲評論如下：

的更好選項將構建在較新版本的bootstrap中，參見小提琴http://jsfiddle.net/DIRTY_SMITH/70vmmrrx/2/

<div class="container"> 
<div class="dropdown"> 
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Developer Ctrls 
    <span class="caret"></span></button> 
    <ul class="dropdown-menu"> 
     <li><a tabindex="-1" href="#">Action</a></li> 
     <li><a tabindex="-1" href="#">Another action</a></li> 
     <li><a tabindex="-1" href="#">Something else here</a></li> 
     <li class="divider"></li> 
     <li><a tabindex="-1" href="#">Separated link</a></li> 
    </ul> 
    </div> 
</div>

來源

2016-03-09 00:05:23

我寧願推薦使用v3 HTML，而不是使用舊版（不支持的）版本的庫。 – DavidG

@DavidG我同意，但是這不會回答OP的問題。這將是一個替代解決方案，但不是答案。對？ –

那麼OP是使用錯誤的文檔，所以它仍然是一個有效的解決方案。 – DavidG

Bootstrap下拉菜單不能與標準的JS和CSS一起工作

回答

相關問題