title: Textarea inline with multiple rows in bootstrap
body: <p>I'm trying to come up with a template that looks like the following:</p>
  
  <pre><code> Label  Input               Label   Input
   Label  Input               Label   Input
   Label  Textarea            Label   Input
          Textarea (cont.)    Label   Input
  </code></pre>
  
  <p>I can't seem to figure out which way to do this with bootstrap at the moment.</p>
  
  <p>Here's what I currently have (on <a href="http://jsfiddle.net/9tj2N/3/" rel="nofollow">JS Fiddle</a>):</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-sm-1"&gt;Label 1&lt;/div&gt;
          &lt;div class="col-sm-2"&gt;
              &lt;input id="input1" name="input1" type="text" value="" maxlength="50"/&gt;
          &lt;/div&gt;
          &lt;div class="col-sm-1"&gt;Label 2&lt;/div&gt;
          &lt;div class="col-sm-2"&gt;
              &lt;input id="input2" name="input2" type="text" value="" maxlength="50"/&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-sm-1"&gt;Label 3&lt;/div&gt;
          &lt;div class="col-sm-2"&gt;
              &lt;input id="input3" name="input3" type="text" value="" maxlength="50"/&gt;
          &lt;/div&gt;
          &lt;div class="col-sm-1"&gt;Label 4&lt;/div&gt;
          &lt;div class="col-sm-2"&gt;
              &lt;input id="input4" name="input4" type="text" value="" maxlength="50"/&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-sm-1"&gt;Label 5&lt;/div&gt;
          &lt;div class="col-sm-2"&gt;
              &lt;textarea id="textarea" name="textarea" rows="5" cols="17"&gt;&lt;/textarea&gt;
          &lt;/div&gt;
          &lt;div class="col-sm-1"&gt;Label 6&lt;/div&gt;
          &lt;div class="col-sm-2"&gt;
              &lt;input id="input6" name="input6" type="text" value="" maxlength="50"/&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-sm-offset-3 col-sm-1"&gt;Label 7&lt;/div&gt;
          &lt;div class="col-sm-2"&gt;
              &lt;input id="input7" name="input7" type="text" value="" maxlength="50"/&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This produces something that looks like this:</p>
  
  <pre><code> Label  Input               Label   Input
   Label  Input               Label   Input
   Label  Textarea            Label   Input
          Textarea (cont.)
                              Label   Input
  </code></pre>
  
  <p>Obviously the issue is me placing the textarea in the row, but I can't figure out where else to put it for my desired output.</p>
  
  <p>Any ideas?</p>