Bootstrap下拉菜单-无法正常运行

Question

I am trying to get the Bootstrap component Dropdown to work.

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

What am I doing wrong?

http://jsfiddle.net/xDUR9/

Answer 1

Add jquery to your code.

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

Demo

Answer 2

Use this code and don't forget to include jQuery and bootstrap.min.js in your document.

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

You can check out this link for live demo - http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-dropdowns.php