title: How do I make a navigation bar in bootstrap that inline displays nav items left, center and right?
body: <p>See the HTML code for the navigation bar below. </p>
  
  <pre><code>&lt;header&gt;
      &lt;div class="navbar navbar-fixed-top center"&gt;
          &lt;div class="navbar-inner"&gt;
              &lt;div class="nav-collapse collapse"&gt;
                  &lt;ul class="nav"&gt;
                      &lt;li&gt;&lt;a href="#"&gt;item 1&lt;/a&gt;&lt;li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;item 2&lt;/a&gt;&lt;li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;item 3&lt;/a&gt;&lt;li&gt;
                      &lt;li class="active"&gt;&lt;a href="#"&gt;item 4&lt;/a&gt;&lt;li&gt;
                  &lt;/ul&gt;
                  &lt;ul class="brand"&gt;
                      &lt;li&gt;&lt;p&gt;logo text&lt;/p&gt;&lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;ul class="budget"&gt;
                      &lt;li&gt;&lt;p&gt;item on right&lt;/p&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;  
      &lt;/div&gt;
  &lt;/header&gt;
  </code></pre>
  
  <p>I used the following CSS to center the brand logo. This works fine. </p>
  
  <pre><code>.navbar .brand {
  margin-left: auto;
  margin-right: auto;
  width: 100px;
  float: none;
  list-style: none;}
  
  .center .navbar-inner {
  text-align:center;}
  </code></pre>
  
  <p>I got stuck on how to make the item on the right (with the class "budget") move towards the right. I already tried using the navbar-right bootstrap class but this didn't work. I also tried to adjust the CSS I used to center the logo but somehow the item I want to align right 
  keeps showing up centered and below the navigation bar. Somebody can tell me how I can display this item inline on the right?</p>
  
  <p>Thanks in advance, </p>
  
  <p>Stijn </p>