Javascript 下拉列表中的奇怪锚

尝试使用Twitter引导（2.0）的下拉菜单

但是为什么它添加了额外的空

a

元素使它看起来很奇怪：

看

问题是：

为什么会这样（我做错了什么）

如何修复它

---

谢谢。

您没有正确关闭“联系人”菜单项，因此标记将显示为下拉菜单是主链接的一部分。只需在

.caret

div的末尾添加一个结束标记即可：

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

/*这里*/

---

演示：

现场演示！谢谢我开始理解为什么人们不喜欢哈姆：）安德烈斯，锚的结尾，从结尾的第三个应该删除，因为你已经在这里添加了位置。@Jasonw我不理解你的问题，你的意思是它在错误的地方似乎是附加的，因为您在@Jasonw之前添加了，而不是附加的，因为关闭的

粗体标记只关闭粗体插入符号元素，我们仍然必须关闭链接。子菜单是

li

元素的子菜单，而不是链接本身的一部分。