<div class="col">Will grow to fit row</div>
<div class="col-10">10%</div>
<div class="col-16">16%</div>
<div class="col-20">20%</div>
<div class="col-25">25%</div>
<div class="col-30">30%</div>
<div class="col-33">33%</div>
<div class="col-40">40%</div>
<div class="col-45">45%</div>
<div class="col-50">50%</div>
<div class="col-55">55%</div>
<div class="col-60">60%</div>
<div class="col-66">66%;</div>
<div class="col-70">70%</div>
<div class="col-75">75%</div>
<div class="col-80">80%</div>
<div class="col-90">90%</div>
<div class="col-100">100%</div>
<div class="col-l-50">50% at max-width 1200px</div>
<div class="col-m-50">50% at max-width 992px</div>
<div class="col-s-50">50% at max-width 768px</div>
<div class="col-xs-50">50% at max-width 480px</div>
<div class="col-order-1">Set col order to 1</div>
<div class="col-m-order-3">Set col order to 3 at max-width 992px</div>
<div class="col-s-order-5">Set col order to 5 at max-width 768px</div>