bootstrap錯誤顯示下拉菜單上的carot

Question

我有一個navbar下拉菜單，突出顯示時，顯示一個額外的插入符號。它出現在導航欄中每個突出顯示的選項上。

這裏是我的代碼：

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