html - navbar-fixed をコンテナの幅に制限する方法

Question

これは私の最初の Twitter Bootstrap プロジェクトです。

Twitter Bootstrap を使用すると、上部の固定ナビゲーション バーにコンテナー流体を使用するか、単にコンテナーを使用するかは問題ではないようです。約 980 ピクセルを超えると、ブラウザの全幅に突然飛び出します。Firefox と IE の両方で確認しました。

何か案は？

以下の私のコード：

頭の中で：

<link href="assets/vendor/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="assets/vendor/bootstrap/css/bootstrap-responsive.css" rel="stylesheet" type="text/css">

体内:

<div class="navbar navbar-fixed-top navbar-inverse">
<div class="navbar-inner">
<a class="brand" href="#"><i class="icon-home icon-white"></i></a>
<a class="brand" href="#">Time Machine: Lawrence, Kansas</a>
<ul class="nav pull-right">
<li class="divider-vertical"></li>  
<div class="btn-group pull-right">
  <a class="btn btn-inverse" href="#"><i class="icon-search icon-white"></i> Buildings</a>
  <a class="btn btn-inverse dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
  <ul class="dropdown-menu">
    <li><a href="#"><i class="icon-search"></i> Blocks</a></li>
    <li class="active"><a href="#"><i class="icon-search"></i> Buildings test out long string</a></li>
    <li><a href="#"><i class="icon-search"></i> Businesses</a></li>
    <li class="divider"></li>
    <li><a href="#"><i class="i"></i> Contact Us</a></li>
  </ul>
  <a class="btn btn-inverse" href="#"><i class="icon-repeat icon-white"></i></a>
</div>
<li class="divider-vertical"></li>  
</ul> <!-- nav class -->

</div> <!-- navbar-inner -->
</div> <!-- navbar navbar-fixed-top -->