css - ブートストラップ エラーで、ドロップダウン ナビゲーション バー メニューにキャロットが表示される

Question

強調表示すると、余分なキャレットが表示されるナビゲーションバーのドロップダウンがあります。ナビゲーションバーで強調表示された各オプションで発生します。

これが私のコードです：

<ul class="nav pull-right">
    <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            Username
            <i class="caret"></i> 
        </a>
        <ul class="dropdown-menu">
            <li><a href="/user/dashboard"><i class="icon-home"></i> Dashboard</a></li>
            <li><a href="/username"><i class="icon-user"></i> Profile</a></li>
            <li class="divider"></li>
            <li><a href="/logout" data-method="delete" rel="nofollow">Logout</a></li>
        </ul>
    </li>
</ul>

Answer 1

この HTML を試してみてください。私には問題なく動作します (Google Chrome): http://jsfiddle.net/CpQVb/