title: Create a rowspan in bootstrap
body: <p>I want to create a boostrap markup definition with this image:</p>
  
  <p><img src="https://i.stack.imgur.com/XHT1L.png" alt="enter image description here"></p>
  
  <p>What do I have to do that row1, row2 and row3 share the same div/column?</p>
  
  <p>If I would do table design then I would use a rowspan...</p>
  
  <p>UPDATE</p>
  
  <p>Bad resizing behavior with a larger window (see button)</p>
  
  <p><img src="https://i.stack.imgur.com/lwsBk.png" alt="enter image description here"></p>
  
  <p>Better resizing behavior with a smaller window (see button)</p>
  
  <p><img src="https://i.stack.imgur.com/1TSHE.png" alt="enter image description here"></p>
  
  <p>Thats the code:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="row"&gt;
      &lt;div class="span6"&gt;
          &lt;div class="row"&gt;
              &lt;div class="span3"&gt;xxxxxxxxxxxx name&lt;/div&gt;
              &lt;div class="span3"&gt;
                  &lt;input type="text" class="text" /&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="row"&gt;
              &lt;div class="span3"&gt;xxxxxxxxxxxxxx from&lt;/div&gt;
              &lt;div class="span3"&gt;
                  &lt;input type="text" class="text" /&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="row"&gt;
              &lt;div class="span3"&gt;xxxxxxxxxxxx to&lt;/div&gt;
              &lt;div class="span3"&gt;
                  &lt;input type="text" placeholder="Please enter the end date" class="text" /&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="span3"&gt;
          &lt;input type="checkbox" class="checkbox" value="Green melons" /&gt;LightBlue Peaaaas&lt;br /&gt;
          &lt;input type="checkbox" class="checkbox" value="Green melons" /&gt;Blue Melons&lt;br /&gt;
          &lt;input type="checkbox" class="checkbox" value="Green melons" /&gt;Red Apples&lt;br /&gt;
          &lt;input type="checkbox" class="checkbox" value="Green melons" /&gt;Yellow Bananas&lt;br /&gt;
          &lt;input type="checkbox" class="checkbox" value="Green melons" /&gt;Black Mushis&lt;br /&gt;
          &lt;input type="checkbox" class="checkbox" value="Green melons" /&gt;Pink Bermudas&lt;br /&gt;
      &lt;/div&gt;
      &lt;div class="span3"&gt;
          &lt;div class="row"&gt;
              &lt;div class="span3"&gt;
                  &lt;span&gt;First day of week&lt;/span&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="row"&gt;
              &lt;div class="span3"&gt;
                  &lt;input type="radio" class="radio" /&gt;Monday
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="row"&gt;
              &lt;div class="span3"&gt;
                  &lt;input type="radio" class="radio" /&gt;Tuesday
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="row"&gt;
      &lt;div class="span12"&gt;
          &lt;button class="btn pull-right"&gt;Next&lt;/button&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>UPDATE</strong></p>
  
  <p>The fiddle from Jack on IE 10 has also bad resizing behavior as you can judge from the checkboxes diving into the left textboxes:
  <img src="https://i.stack.imgur.com/PmHqm.png" alt="enter image description here"></p>