title: Bootstrap: center some navbar items
body: <p>I would like to have a bootstrap navbar where some nav items are left-justified, some are right justified, and some are centered in the remaining space between them.</p>
  
  <pre><code>&lt;div class="navbar"&gt;
      &lt;div class="navbar-inner"&gt;
          &lt;ul class="nav"&gt;
              &lt;li&gt;&lt;a&gt;Left&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
          &lt;ul class="nav nav-center"&gt;
              &lt;li&gt;&lt;a&gt;Center 1&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a&gt;Center 2&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
          &lt;ul class="nav pull-right"&gt;
              &lt;li&gt;&lt;a&gt;Right&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This jsfiddle <a href="http://jsfiddle.net/b7whs/" rel="noreferrer">http://jsfiddle.net/b7whs/</a> shows this--I'd like the Center 1 and Center 2 nav items to be together, centered in the navbar.  Is this possible?</p>
  
  <p>There are a lot suggestions here on SO about how to do this; none of them have worked for me.  Is this even possible?</p>
  
  <p>In my case, what's on the left and right will always be the same size, so I think it should be feasible.</p>