title: Having alignment issue in forms with bootstrap twitter
body: <p>I have a form with a input type and a button type here</p>
  
  <pre><code>&lt;div class="span12" style="margin-left: 10px; margin-right: 5px;"&gt;
      &lt;div class="row-fluid mt20"&gt;
          &lt;div id="searchBox"&gt;
          &lt;form id="general-search-form" autocomplete="off"&gt;
              &lt;input type="text" placeholder="" class="search-query" name="q" /&gt;
                  &lt;button type="submit" class="btn pull-right" title="search"&gt;&lt;/button&gt;
          &lt;/form&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I need to have the layout such that in the desktop version the input type occupies 50 percent width and the search button occupies 50 percent width. In mobile version the input type should be at top and the search button should be at below. How to do it.</p>