Bootstrap 下拉菜单 - 无法正常工作答案

【问题标题】：Bootstrap dropdown - can't get it to workBootstrap 下拉菜单 - 无法正常工作
【发布时间】：2013-09-18 07:20:53
【问题描述】：

我正在尝试让 Bootstrap 组件 Dropdown 工作。

<div class="dropdown">
  <a data-toggle="dropdown" href="#">Dropdown trigger</a>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
      <li>Item</li>
  </ul>
</div>

我做错了什么？

http://jsfiddle.net/xDUR9/

【问题讨论】：

你包含了 jquery.js 吗？上面提到的 jsfiddle 中的 Becoz 不包括在内。
这里link 可能对你有帮助。
请在您的小提琴中启用 JQuery 并重新测试。

标签： javascript css twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

将 jquery 添加到您的代码中。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

Demo

【讨论】：

刚刚发现，如果您使用 Bootstrap 4 尝试 OP 的代码，它将无法正常工作。 Bootstrap 3 是必需的。

【解决方案2】：

使用此代码，不要忘记在您的文档中包含 jQuery 和 bootstrap.min.js。

<div class="dropdown">
    <a href="#" data-toggle="dropdown" class="dropdown-toggle">Dropdown <b class="caret"></b></a>
    <ul class="dropdown-menu">
        <li><a href="#">Action</a></li>
        <li><a href="#">Another action</a></li>
    </ul>
</div>

您可以查看此链接以查看现场演示 - http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-dropdowns.php

【讨论】：