Why is my Bootstrap push & pull divs not working?
<p>I want to have 2 divs <code>besides</code> each other for <code>col-md and higher</code>, while having them <code>above</code> each other for <code>col-sm and lower</code>. So I tried to use the push and pull feature as mentioned in the docs but somehow it's not working. What I'm trying to do is get the RIGHT div <code>above</code> the LEFT div on col-sm and lower, basically reversing the order.</p>

<p>What am I doing wrong?</p>

<pre><code>&lt;div class="container"&gt;
  &lt;div class="row"&gt;
    &lt;div class="col-sm-12 col-sm-push-12 col-md-7"&gt;LEFT&lt;/div&gt;
    &lt;div class="col-sm-12 col-sm-pull-12 col-md-5"&gt;RIGHT&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Here's a fiddle: <a href="https://jsfiddle.net/ko7euh77/1/" rel="noreferrer">https://jsfiddle.net/ko7euh77/1/</a></p>