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一起工作

回答

相关问题