Generate boostrap grid columns

bootstrap.ext.less

@import "../Scripts/lib/bootstrap/less/mixins/grid-framework.less";

/*col-sm-w-* is for setting with only without other properties. It uses bootstrap internal mixin*/
.loop-grid-columns(@grid-columns, xs-w, width);

@media (min-width: @screen-sm-min) {
  .loop-grid-columns(@grid-columns, sm-w, width);
}

@media (min-width: @screen-md-min) {
  .loop-grid-columns(@grid-columns, md-w, width);
}

@media (min-width: @screen-lg-min) {
  .loop-grid-columns(@grid-columns, lg-w, width);
}