title: Twitter Bootstrap 3 rowspan and reorder
body: <p>I try to achieve the following with twitter bootstrap:</p>
  
  <p>on all screens except "extra small" the layout should look like this:
  <img src="https://i.stack.imgur.com/3hJQv.png" alt="enter image description here">           </p>
  
  <p>on "extra small" devices it should look like this</p>
  
  <p><img src="https://i.stack.imgur.com/5ypaP.png" alt="enter image description here"></p>
  
  <p>I already tried this soultion <a href="https://stackoverflow.com/questions/18514922/reordering-divs-responsively-with-twitter-bootstrap?rq=1">Reordering divs responsively with Twitter Bootstrap?</a>, but it doesn't work, because there is no "rowspan" from "B" over "A" and "C".</p>
  
  <p>So that means if "B" is larger than "A" there is a gap between "A" and "C".
  Is there any way to achieve this?</p>
  
  <p>Best regards</p>