title: Bootstrap 3.0 Navbar Center
body: <p>Im in the middle of migrating my project form Bootstrap 2.3.2 to Bootstrap 3.</p>
  
  <p>I am unable to center the navbar links as I was able to before. I used this method previously: <a href="https://stackoverflow.com/questions/15305221/center-bootstraps-brand-and-list-items">Center bootstrap&#39;s brand and list items</a> but is not working for my new navbar.</p>
  
  <p>The below link is a jsfiddle direclty using one of bootstraps examples (with the sticky footer and navbar)</p>
  
  <p>Can someone please help me center these links?</p>
  
  <p><a href="http://jsfiddle.net/brainbolt/52VtD/4/" rel="nofollow noreferrer">http://jsfiddle.net/brainbolt/52VtD/4/</a></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="navbar navbar-default navbar-fixed-top center"&gt;
      &lt;div class="container"&gt;
          &lt;div class="navbar-header"&gt;
              &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt;
   &lt;span class="icon-bar"&gt;&lt;/span&gt;
   &lt;span class="icon-bar"&gt;&lt;/span&gt;
  
              &lt;/button&gt;
          &lt;/div&gt;
          &lt;div class="collapse navbar-collapse"&gt;
              &lt;ul class="nav navbar-nav"&gt;
                  &lt;li&gt;&lt;a href="#about"&gt;About&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;&lt;a href="#services"&gt;Services &amp; Promos&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;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code> .navbar-default &gt; .container { text-align: center } 
  </code></pre>
  
  <p>Thanks!</p>