Question

我正在尝试让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/

Answer 1

将jquery添加到您的代码中。

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

<强> Demo

Answer 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

Bootstrap下拉列表 - 无法使其正常工作

2 个答案: