Twitter引導，圖標拉左垂直對齊

Question

我試圖將下拉鍊接中的圖標與「左拉」類對齊，現在它不垂直對齊中心，主要問題是我不想使用純CSS以解決這個問題，因爲我確信有一個解決方案，在class'es中構建bootstrap，但是無法自己找到它們。我對嗎？

<div class="navbar"> 
     <div class="navbar-inner"> 
      <a class="brand" href="#">Dbgr.lt</a> 
      <ul class="nav"> 
       <li class="active"><a href="#">Posts</a></li> 
       <li><a href="#">Blogs</a></li> 
       <li><a href="#">Questions</a></li> 
       <li><a href="#">People</a></li> 
      </ul> 

      <ul class="nav pull-right"> 
       <li class="dropdown" id="fat-menu"> 
        <a data-toggle="dropdown" class="dropdown-toggle text-center" role="button" id="drop3" href="#" style="min-width: 100px;"> 
         <i class="icon-user pull-left"></i> 
         Admin 
         <b class="caret"></b> 
        </a> 
        <ul aria-labelledby="drop3" role="menu" class="dropdown-menu"> 
         <li role="presentation"><a href="#" tabindex="-1" role="menuitem">Action</a></li> 
         <li role="presentation"><a href="#" tabindex="-1" role="menuitem">Another action</a></li> 
         <li role="presentation"><a href="#" tabindex="-1" role="menuitem">Something else here</a></li> 
         <li class="divider" role="presentation"></li> 
         <li role="presentation"><a href="#" tabindex="-1" role="menuitem">Separated link</a></li> 
        </ul> 
       </li> 
      </ul> 
     </div> 
    </div> 

小提琴：http://jsfiddle.net/HX6ef/

Answer 1

嘗試是這樣的

.pull-left{ 
    margin-top: 3px; 
} 

的jsfiddle：http://jsfiddle.net/enve/HX6ef/1/