title: Center Navbar in Bootstrap
body: <p>How do you center the menu with bootstrap?<br>
  HTML:</p>
  
  <pre><code>&lt;nav class='navbar navbar-default'&gt;
      &lt;div class='container-fluid container'&gt;
        &lt;div class='navbar-header'&gt;
           &lt;a class='navbar-brand' href='#'&gt;Title&lt;/a&gt;
        &lt;/div&gt;
        &lt;div id='navbar' class='navbar-collapse'&gt;
            &lt;ul class='nav navbar-nav'&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;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;/nav&gt;
  </code></pre>
  
  <p>It is basic and yet I have tried various solutions and it will not center the menu, it always appears align left. I can center the list elements, but not the list ITSELF. </p>