title: Center form in navbar
body: <p>What I'm trying to do is have the search box in the center of the navbar (<a href="http://i.imgur.com/TUBrBbr.png" rel="nofollow">image here</a>). How would I do that?</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div class="navbar navbar-inverse navbar-fixed-top"&gt;
    &lt;div class="navbar-inner"&gt;
      &lt;div class="container"&gt;
        &lt;a class="brand" href="#"&gt;logo&lt;/a&gt;
        &lt;div class="nav-collapse collapse"&gt;
          &lt;form class="navbar-form pull-right"&gt;
            &lt;div class="input-append"&gt;
              &lt;input class="span4" id="appendedInputButton" type="text" placeholder="Search..."&gt;
              &lt;button class="btn" type="button"&gt;Search&lt;/button&gt;
            &lt;/div&gt;
          &lt;/form&gt;
        &lt;/div&gt;&lt;!--/.nav-collapse --&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'm using the default CSS that comes with Bootstrap.</p>