css - Bootstrap navbar で要素を全幅に伸ばす

Question

これは、私が開発している Web アプリケーションのナビゲーション バーの概略図です。

[ ブランド [ボタン] [ボタン] [----- 入力フィールド -----] ----- 空欄 ----- [ボタン] ]

私のコード（簡略化）は次のようになります。

<div class="container-fluid">
  <div class="navbar navbar-static-top no-print">
    <div class="navbar-inner">
      <a class="brand" href="#">Brand</a>
      <ul class="nav">
        <li><a href="#">
          <i class="icon-large icon-group"></i>
        </a></li>
        <li><a href="#">
          <i class="icon-large icon-list"></i>
        </a></li>
        <li id="search">
          <form class="navbar-search">
            <input type="text" class="input-xxlarge" placeholder="Search">
          </form>
        </li>
        <li><a href="#">
          <i class="icon-large icon-plus"></i>
        </a></li>
      </ul>
      <ul class="nav pull-right">    
        <li><a href="#">
          <i class="icon-large icon-lemon"></i>
        </a></li>
      </ul>
    </div>
  </div>
</div>

入力フィールドが空のスペースを覆い、ナビゲーションバーの右側にあるボタンまで届くようにします。どうすればこれを達成できますか？