Question

嗨，我刚刚开始研究twitter bootstrap.i我正在尝试创建一个下拉菜单示例。但它没有发送任何东西。任何人请告诉我我错在哪里。我的代码是

<!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之外，它没有显示任何内容。

Answer 1

您已获得下拉菜单，但您没有激活下拉列表的按钮。

看这里：

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>

Bootstrap中的下拉菜单我们无法正常工作

1 个答案: