0

嗨,我刚开始研究 twitter bootstrap。我正在尝试创建一个下拉菜单示例。但它没有显示任何内容。谁能告诉我我错在哪里。我的代码是

<!DOCTYPE html>
<html>
  <head>
    <title>Bootstrap 101 Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
  </head>
  <body>
    <h1>Hello, world!</h1>
<div class="dropdown">
  <!-- Link or button to toggle dropdown -->
  <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
    <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>
    <script src="http://code.jquery.com/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>

除了标题 Hello World 之外,它没有显示任何内容。

4

1 回答 1

0

您有下拉菜单,但没有激活下拉菜单的按钮。

看这里:

http://twitter.github.com/bootstrap/components.html#buttonDropdowns

<div class="btn-group">
 <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
 Action
 <span class="caret"></span>
 </a>
 <ul class="dropdown-menu">
  <!-- dropdown menu links -->
 </ul>
</div>
于 2013-03-20T15:41:29.867 回答