下拉菜单中的奇怪锚点答案

【问题标题】：Weird anchors in Dropdown下拉菜单中的奇怪锚点
【发布时间】：2012-04-18 02:46:44
【问题描述】：

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

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

请参阅example。

问题：

为什么会这样（我做错了什么）？
如何解决？

谢谢。

【问题讨论】：

标签： javascript html css frameworks twitter-bootstrap

【解决方案1】：

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

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

【讨论】：

准确！谢谢。我开始明白为什么人们不喜欢 HAML :)
安德烈斯，应该删除倒数第三个锚的结尾，因为您已在 here 位置添加。
@Jasonw 我不明白你的问题，你的意思是它在错误的地方？
似乎是额外的，因为您在之前添加了
@Jasonw 不是额外的，因为关闭 </b> 粗体标记仅关闭粗体插入符号元素，我们仍然必须关闭链接。子菜单是li 元素的子菜单，而不是链接本身的一部分。