title: how to design a two column form using bootstrap 2.3.2 where the 2nd column takes up the rest space
body: <p>I would like to design a two column horizontal form using Bootstrap V2.3.2. The following is the html:</p>
  
  <pre><code>&lt;div id='content' class='row-fluid'&gt;
  &lt;div class='span12 main'&gt;
  &lt;h2&gt;Product Data&lt;/h2&gt;
  &lt;form class="form-horizontal"&gt;
  &lt;fieldset&gt;
  &lt;div class="form-group"&gt;
      &lt;label for="inputAppName" class="control-label col-xs-2"&gt;Application Name&amp;nbsp;  &lt;/label&gt;
  &lt;div class="col-xs-10"&gt;
  &lt;input type="text" class="form-control" id="app_name" name="app_name" placeholder="Application Name"&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;div style="height:10px;"&gt;&lt;/div&gt;
  &lt;div class="form-group"&gt;
  &lt;label for="inputAppDesc" class="control-label col-xs-2"&gt;Description&amp;nbsp;&lt;/label&gt;
  &lt;div class="col-xs-10"&gt;
  &lt;textarea class="form-control" id="app_desc" name="app_desc" rows="4" placeholder="Application Description"&gt;&lt;/textarea&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/fieldset&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I find that the width of the input-text and textarea on the second column are smaller.  I would like to extend them to take up the rest space.  I tried to use the "input-block-level" class but the input-text and textarea will then not be on the same row as the label.</p>
  
  <p>Can anyone help?</p>
  
  <p>Thanks in advance!</p>