javascript - 下拉菜单中的奇怪锚点

Question

尝试使用 Twitter Bootstrap 的 (2.0) 下拉菜单。

但不知何故，它添加了额外的空a元素，使它看起来很奇怪：

请参阅示例。

问题：

1. 为什么会发生（我做错了什么）？
2. 如何解决？

谢谢。

Answer 1

您没有正确关闭“联系人”菜单项，因此标记显示就好像下拉菜单是您的主链接的一部分。只需在div</a>的末尾添加一个结束标签，它就可以工作：.caret

<ul class='nav nav-tabs'>
  <li><a href="/dashboard">Dashboard</a></li>
  <li class='dropdown'>
    <a class='dropdown-toggle' data-toggle='dropdown' href='#'>
      Contacts
        <b class='caret'></b></a> /* here */
      <ul class='dropdown-menu'>
        <li><a href="/x">Staff</a></li>
        <li><a href="/x">Networks</a></li>
      </ul>
    </a>
  </li>
</ul>

演示：http: //jsfiddle.net/rCFGY/1/