title: Bootstrap complex column position ordering
body: <p>Is it possible to <code>pull/push divs of a column</code> from <code>another column</code> in Bootstrap grid system? For example:</p>
  
  <p>At desktop view: it's like this way:</p>
  
  <pre><code>Parent Column 1 | Parent Column 2
  First Content   | Second Content
  Third Content   | Fourth Content
  </code></pre>
  
  <p>At mobile view, it's like this way:</p>
  
  <pre><code>Parent Column 1
  First Content
  Second Content
  Parent Column 2
  Third Content
  Fourth Content
  </code></pre>
  
  <p>Please take a look on <a href="https://jsfiddle.net/L2g4zn5u/2/" rel="nofollow">this fiddle</a> to understand what I am trying to mean.Thanks in advance.</p>