title: Navbar fixed to top but not full-width
body: <p>Using the 2.1.1 Twitter Bootstrap, I'm trying to create a navbar that is fixed to the top of the page but which is <strong>not</strong> full width:</p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;div class="navbar navbar-fixed-top"&gt;
      &lt;div class="navbar-inner"&gt;
        &lt;div class="container"&gt;
          &lt;a class="brand" href="#"&gt;Project name&lt;/a&gt;
          &lt;div class="nav-collapse collapse"&gt;
            &lt;ul class="nav"&gt;
              &lt;li class="active"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#about"&gt;About&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#contact"&gt;Contact&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/div&gt;&lt;!--/.nav-collapse --&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>If I remove the navbar-fixed-top class:</p>
  
  <pre><code>  &lt;div class="navbar navbar-fixed-top"&gt;
  </code></pre>
  
  <p>to</p>
  
  <pre><code>  &lt;div class="navbar"&gt;
  </code></pre>
  
  <p>then the navbar ends up looking the way I'd like it to - only 940px wide instead of full-width - but then of course it is no longer fixed to the top of the page. How can I keep this navbar fixed to the top of the page without having it become full-width?</p>