title: Bootstrap stacking columns
body: <p>I have a silly bootstrap problem.</p>
  <p><img src="https://i.stack.imgur.com/dJBxQ.png" alt="Problem visualized" /></p>
  <p>code:</p>
  <pre><code>&lt;div class=&quot;row&quot;&gt;
    &lt;div class=&quot;col-sm-4&quot; style=&quot;background-color:pink;&quot;&gt; lorem... &lt;/div&gt;
    &lt;div class=&quot;col-sm-8&quot; style=&quot;background-color:yellow;&quot;&gt; lorem... &lt;/div&gt;
    &lt;div class=&quot;col-sm-4&quot; style=&quot;background-color:pink;&quot;&gt; lorem... &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>I would like to fit last pink div into space above it.
  Whats the easiest way to reach my goal?</p>