引導下拉窗體寬度使用col- *

我想使用Bootstrap 3在導航欄中進行下拉登錄表單，但它看起來不太好 - 標籤和輸入寬於下拉...面板。我怎樣才能改變下拉表格寬度使用col- *引導類？引導下拉窗體寬度使用col- *

下面是代碼（http://getbootstrap.com/css/#forms-horizontal）：

<ul class="nav navbar-nav navbar-right"> 
    <li class="dropdown"> 
     <a href="#" class="dropdown-toggle" data-toggle="dropdown">Sign in <b class="caret"></b></a> 
     <div class="dropdown-menu"> 
      <form class="form-horizontal" role="form"> 
       <div class="form-group"> 
        <label for="inputEmail" class="col-lg-2 control-label">Email</label> 
        <div class="col-lg-10"> 
         <input type="email" class="form-control" id="inputEmail" placeholder="Email"> 
        </div> 
       </div> 
       <div class="form-group"> 
        <label for="inputPassword" class="col-lg-2 control-label">Password</label> 
        <div class="col-lg-10"> 
         <input type="password" class="form-control" id="inputPassword" placeholder="Password"> 
        </div> 
       </div> 
       <div class="form-group"> 
        <div class="col-lg-offset-2 col-lg-10"> 
         <div class="checkbox"> 
          <label> 
           <input type="checkbox"> Remember me 
          </label> 
         </div> 
        </div> 
       </div> 
       <div class="form-group"> 
        <div class="col-lg-offset-2 col-lg-10"> 
         <button type="submit" class="btn btn-default">Sign in</button> 
        </div> 
       </div> 
      </form> 
     </div> 
    </li> 
</ul>

預先感謝。

來源

2013-10-23 pau