title: How can I center Twitter-Bootstrap 3 navbar links?
body: <p>How can I center the buttons in the jsFiddle I set up so that the buttons are equally spaced and centered within and through-out the navbar?</p>
  
  <p><a href="http://jsfiddle.net/3GQyq/3/" rel="nofollow noreferrer">http://jsfiddle.net/3GQyq/3/</a></p>
  
  <p>I have tried different methods such as</p>
  
  <pre><code>display:inline-block;margin:0 auto; text-align:center;
  </code></pre>
  
  <p>But I cannot get it to work.</p>
  
  <p>If you could  give a little explanation instead of just fixing the CSS as I want to learn so I do not have to keep coming back here.</p>
  
  <p>EDIT:</p>
  
  <p><img src="https://i.stack.imgur.com/ot9WQ.jpg" alt="http://img1.123freevectors.com/wp-content/uploads/icon_big/038_icon_beautiful-navigation-bar-free-vector.jpg">
  Just like how they are centered here ^.</p>