導航欄上的搜索表單左右拉右在Chrome中不起作用

我正在從Twitter Bootstrap版本2.3.2遷移到最新版本3 RC 1.現在我遇到了搜索按鈕的一個問題在頂部導航欄中。 HTML代碼如下：導航欄上的搜索表單左右拉右在Chrome中不起作用

<body> 
    <div class="navbar navbar-inverse navbar-fixed-top"> 
     <div class="container"> 
      <a class="navbar-brand" href="#">Brand</a> 
      <div class="nav-collapse collapse"> 
       <ul class="nav navbar-nav"> 
        <li><a href="#">Nav Item 1</a></li> 
        <li class="active"><a href="#">Nav Item 2</a></li> 
        <li><a href="#">Nav Item 3</a></li> 
        <li><a href="#">Nav Item 4</a></li> 
       </ul> 

       <form class="navbar-form pull-right"> 
        <div class="input-group"> 
         <input type="search" class="form-control" placeholder="Search"/> 
         <span class="input-group-btn"> 
          <button type="submit" class="btn btn-default">Search</button> 
         </span> 
        </div> 
       </form> 
      </div> 
     </div> 
    </div> 
</body>

的問題是，它完美的作品在Firefox，但在Chrome或IE 9它使搜索框超長，因此移動導航欄下面這個搜索框和按鈕。

我試過故障排除，發現如果我從表單中刪除「拉右」，搜索框和按鈕將被移動到導航條目的上方，但是失去了拉右引起的效果 - 它會佔用所有的在右邊的行空間。

此外，如果我替換

  <form class="navbar-form pull-right"> 
       <div class="input-group"> 
        <input type="text" placeholder="Search"> 
        <button type="submit" class="btn btn-default">Search</button> 
       </div> 
      </form>

然後，它會簡單地工作良好搜索表單調試;但這也不是我的目的。

我的代碼的任何問題？或者是版本3 RC 1的問題？無論如何要解決它？

來源

2013-08-05 Bryant Zheng

，而不是拉偏右，你應該使用導航欄向右，按照該文檔。 – mikeytusa