Centering menu items with boostrap navbar
<p>I have a simple sticky navbar that I am trying to put menu items on the left, center and right side. I found the bootstrap documentation with the navbar-right and navbar-left. Both of those work great, however if I want something to be in the middle I can't find a term/variable in the bootstrap library that does that. I have also tried adding align="center" to the li and a tags. Is there something specific I can call to center menu items in a bootstrap nav, or do I have to edit in manually with css align? </p>

<pre><code>    &lt;!-- Fixed navbar --&gt;
&lt;nav class="navbar navbar-default navbar-fixed-top"&gt;
  &lt;div class="container"&gt;
    &lt;div class="navbar-header"&gt;
      &lt;button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"&gt;
        &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&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;a class="navbar-brand" href="#"&gt; pushed left by default? &lt;/a&gt;
    &lt;/div&gt;
    &lt;div id="navbar" class="navbar-collapse collapse"&gt;
      &lt;ul class="nav navbar-nav navbar" align="center"&gt;
        &lt;li class="active"&gt;&lt;a href="#"&gt;pushed left by default?&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;center this part  &lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;and this too  &lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;ul class="nav navbar-nav navbar-right"&gt;
        &lt;li&gt;&lt;a href="#"&gt;right &lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt; right&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;&lt;!--/.nav-collapse --&gt;
  &lt;/div&gt;
&lt;/nav&gt;
</code></pre>