title: Center Navbar in Twitter Bootstrap 2.0
body: <p>Suppose we have the following markup for navigation bar using Twitter Bootstrap 2.0.</p>
  
  <pre><code>&lt;div class="navbar navbar-fixed-top"&gt;
    &lt;div class="navbar-inner pull-center"&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="#contact"&gt;CONTACT&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;        
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What is the best way to center <code>.nav</code> inside <code>navbar-inner</code>?</p>
  
  <p>I only came up with adding my own CSS styles:</p>
  
  <pre><code>@media (min-width: 980px) {
      .pull-center {
          text-align: center;
      }
      .pull-center &gt; .nav {
          float:none;
          display:inline-block;
          *display: inline; *zoom: 1;
          height: 32px;
      }
  }
  </code></pre>