title: container inside a navbar in twitter bootstrap
body: <p>I have a following navbar code using twitter bootstrap</p>
  
  <pre><code>&lt;div class="navbar navbar-inverse"&gt;
    &lt;div class="navbar-inner"&gt;
      &lt;div class="container"&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="#"&gt;Link&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and the output is
  <img src="https://i.stack.imgur.com/sYICH.png" alt="With original bootstrap">
  When I remove "width: auto" from ".navbar .container{width:auto}" in bootstap.css the output becomes
  <img src="https://i.stack.imgur.com/uoKds.png" alt="After the hack">
  and is the output I am expecting.</p>
  
  <p><a href="https://github.com/twitter/bootstrap/issues/2093" rel="noreferrer">https://github.com/twitter/bootstrap/issues/2093</a> shows "width: auto" as an intended feature.What am I doing wrong here?</p>