title: Making columns directly under each other
body: <p>I want to align columns under each other like this when the screen is lg or md: (this would by easy, I know.. Wait for the real problem :P)</p>
  
  <p><img src="https://i.imgur.com/8efEXvl.png" alt="image"></p>
  
  <p>BUT, when I go to a sm screen I want them to be like this.</p>
  
  <p><img src="https://i.imgur.com/1fE3sEO.png" alt="image"></p>
  
  <p>Ive tried creating a bunch of loose columns like this:</p>
  
  <pre><code>&lt;div class="col-md-4 col-sm-6 col-xs-12"&gt;
      ...
  &lt;/div&gt;
  </code></pre>
  
  <p>But that makes it look like this:</p>
  
  <p><img src="https://imgur.com/egjWsqh.png" alt="image"></p>
  
  <p>I've thought about it for a while but just can't figure it out..</p>
  
  <p>Is there an easy way of doing so?</p>