引导错误在下拉导航栏菜单上显示胡萝卜

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，对我来说很好用（谷歌浏览器）： http://jsfiddle.net/CpQVb/