title: Twitter BS3 Maximum Space NavBar
body: <p>I have two different forms on my navbar and would like to maximize the space being used. As you can see in this example - <a href="http://jsfiddle.net/zb4dc/6/" rel="nofollow">http://jsfiddle.net/zb4dc/6/</a>, the search would ideally be taking up the remaining space. Is there anyway to make this work?</p>
  
  <pre><code>&lt;body&gt;
      &lt;div class="navbar navbar-inverse navbar-fixed-top" role="navigation"&gt;
        &lt;div class="container"&gt;
          &lt;div class="navbar-header"&gt;
            &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"&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;/div&gt;
          &lt;div class="navbar-collapse collapse"&gt;
            &lt;ul class="nav navbar-nav"&gt;
              &lt;li class="active"&gt;&lt;a href="/account"&gt;My Account&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
  
            &lt;form class="navbar-form navbar-left searchArea" role="search"&gt;
              &lt;div class="form-group"&gt;
                  &lt;input id="searchBar" class="form-control typeahead" type="text" placeholder="Search"&gt;
              &lt;/div&gt;
            &lt;/form&gt;
  
            &lt;form class="navbar-form navbar-right" role="tag"&gt;
                  &lt;div class="form-group"&gt;
                      &lt;input id="userTags" type="text" class="form-control" placeholder="Tags"&gt;
                  &lt;/div&gt;
                  &lt;button id="addTags" type="submit" class="btn btn-default"&gt;Add Tags&lt;/button&gt;&amp;nbsp;
            &lt;/form&gt;
  
          &lt;/div&gt;&lt;!--/.nav-collapse --&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>