title: Can't Center Bootstrap navigation bar
body: <p>I was trying to center this: <a href="http://jsfiddle.net/MikeStardust/hwhS5/" rel="nofollow noreferrer">http://jsfiddle.net/MikeStardust/hwhS5/</a> navigation bar but no luck...</p>
  
  <p>By center i mean the elements aligned in one single line in the center of the navigation... 
  looked up a few solutions but none worked, resulted in a center aligned navigation bar with one element per line.</p>
  
  <p>Bar html: (css &amp; html on the jsfiddle)</p>
  
  <pre><code> &lt;div class="navbar navbar-default"&gt;
      &lt;div class="navbar-header"&gt;
        &lt;button type="button" class="navbar-toggle" 
                data-toggle="collapse" data-target=".navbar-responsive-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="navbar-collapse collapse navbar-responsive-collapse"&gt;
        &lt;ul class="nav navbar-nav"&gt;
          &lt;li&gt;&lt;a href="index.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="http://chaoticunited.com/forums"&gt;Forums&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="servers.html"&gt;Servers&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="help.html"&gt;Help Center&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#" data-toggle="modal" data-target="#vote"&gt;Vote&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Donate&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;&lt;!-- /.nav-collapse --&gt;
    &lt;/div&gt;&lt;!-- /.navbar 
  </code></pre>
  
  <p>I have this: <img src="https://i.stack.imgur.com/Wu54V.png" alt="i.imgur.com/JVh05N1.png"></p>
  
  <p>And would like to have this:(Result from photoshop)
  <img src="https://i.stack.imgur.com/yzdqI.png" alt="http://i.imgur.com/B3UcOU9.png"></p>