title: Bootstrap 3 Form fill parent
body: <p>Im trying to write a navbar in Bootstrap 3, there is a navbar and some brand and other stuff including a search form in it
  I want the search form to fill the extra space in navbar, what should i do?</p>
  
  <pre><code>&lt;div class="navbar navbar-fixed-top"&gt;
    &lt;div class="container"&gt;
      &lt;a class="navbar-brand" href="#"&gt;Brand&lt;/a&gt;
      &lt;form class="navbar-form pull-left"&gt;
        &lt;input type="search" class="form-control search-box"&gt;
        &lt;button type="submit" class="btn btn-default glyphicon glyphicon-search"&gt;&lt;/button&gt;
      &lt;/form&gt;
      &lt;div class="navbar-form btn-group pull-right"&gt;
        &lt;button type="button" class="btn btn-default"&gt;User&lt;/button&gt;
        &lt;button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"&gt;
          &lt;span class="caret"&gt;&lt;/span&gt;
        &lt;/button&gt;
        &lt;ul class="dropdown-menu"&gt;
          &lt;li&gt;&lt;a href="#"&gt;My Account&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Another action&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Something else here&lt;/a&gt;&lt;/li&gt;
          &lt;li class="divider"&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Logout&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>