<!-->
Wenn Bildschirmbreite größer als 960px ist wird es vierspaltig dargestellt, unter 600px einspaltig, ansonsten zweispaltig.
-->

<div class="columns">
  <div class="column col-3 col-sm-12 col-lg-6">
  ...
  </div>
  <div class="column col-3 col-sm-12 col-lg-6">
  ...
  </div>
  <div class="column col-3 col-sm-12 col-lg-6">
  ...
  </div>
  <div class="column col-3 col-sm-12 col-lg-6">
  ...
  </div>
</div>