Javascript 引导下拉列表不适用于标准JS和CSS

在前端开发方面，我不知道我在做什么。 我有一个锚定标签，点击后，我想显示一个引导下拉菜单，下面是HTML：

<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直接取自

问题是，尽管锚定标记显示出来，但当我单击它时，什么也没有发生-下拉菜单没有出现

我有引导js和css，来自：

---

要使下拉列表显示出来，我缺少的步骤是什么？

要解决此问题，您需要引导版本2.3.2。要执行此操作，请从中获取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

如下所述：

更好的选项是在较新版本的引导中构建，请参见fiddle

开发人员CTRL

代码中引用了哪个版本的引导？你也有jQuery吗？你包括Bootstrap的CSS和JS文件吗？谢谢，是的，我有jQuery，我有我提到的CDN中最新版本的Bootstrap JS/CSS EDI询问Bootstrap版本，因为你链接的文档是Bootstrap v2，不是v3。哦，该死的，我没有意识到我更倾向于建议使用v3 HTML，而不是使用旧的（不受支持的）版本的库。@DavidG我同意，但这并不能回答OP的问题。这将是另一种解决办法，但不是答案。是吗？OP使用了错误的文档，所以它仍然是一个有效的解决方案。@DavidG lol，嗯，有点像。我不想编写HTML来匹配boostrap的新版本。“但是，是的，我明白你的意思。”戴维格我不再懒惰，更新了我的答案。

 <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>