使用导航的Twitter引导按钮下拉列表不起作用

时间:2013-03-08 20:56:27

标签: jquery twitter-bootstrap

我正在为按钮创建一个下拉菜单,当存在导航栏下拉菜单时,我无法让下拉列表工作(http://jsfiddle.net/8XTkq/1/

我试过这个来自twitter bootstrap页面的示例(复制并粘贴)并且它不想工作。我也尝试了一个链接,但也没有用...

<div class="btn-group">
  <a class="btn btn-primary" href="#"><i class="icon-user icon-white"></i> User</a>
  <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
  <ul class="dropdown-menu">
<li><a href="#"><i class="icon-pencil"></i> Edit</a></li>
<li><a href="#"><i class="icon-trash"></i> Delete</a></li>
<li><a href="#"><i class="icon-ban-circle"></i> Ban</a></li>
<li class="divider"></li>
<li><a href="#"><i class="i"></i> Make admin</a></li>
  </ul>
</div>

我能错过什么?

1 个答案:

答案 0 :(得分:0)

在JSFiddle中使用外部资源时,请将它们包含在左侧的“外部资源”面板中,而不是直接包含在代码中。另外,将CSS和JS放入适当的盒子中。一旦我这样做,一切都有效。 JSFiddle:http://bit.ly/13KmiJu(抱歉,我不会让我包含没有代码的直接JSFiddle链接)