title: Rowspan on Bootstrap 4 Beta 0 Grid System
body: <p>Hi I'm working on a eCommerce template witch uses Bootstrap 4 Beta. I made it work on mobile, but on desktop I could not figure how to make the Buy Box stay under title. On my aproach it apears under the Gallery section.</p>
  
  <p>Desired Desktop
  <a href="https://i.stack.imgur.com/Cp970.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Cp970.png" alt="Desktop Layout"></a></p>
  
  <p>Desired Mobile
  <a href="https://i.stack.imgur.com/IPbQg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IPbQg.png" alt="Mobile Layout"></a></p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-xl-1 d-none d-md-block"&gt;&lt;/div&gt;
          &lt;div class="col-xl-10 col-12"&gt;
             &lt;div class="row"&gt;
                 &lt;div class="col-xl-6 order-xl-1 col-12 order-2 d-flex"&gt;
                     Gallery
                 &lt;/div&gt;
                 &lt;div class="col-xl-6 order-xl-2 col-12 order-1"&gt;
                     Title
                 &lt;/div&gt;
                 &lt;div class="col-xl-6 order-xl-3 col-12 order-3"&gt;
                     Buy Box
                 &lt;/div&gt;
                 &lt;div class="col-12  order-xl-4  order-4"&gt;
                     Description
                 &lt;/div&gt;
                 &lt;div class="col-12  order-xl-5 order-5"&gt;
                     Related
                 &lt;/div&gt;
             &lt;/div&gt;
         &lt;/div&gt;
         &lt;div class="col-xl-1 d-none d-md-block"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>