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/