Create 10 column layout with bootstrap

ten-columns.less

/*
 * Special grid for ten columns,
 * using its own scope
 * so it does not interfere with the rest of the code
 *
 * Just update the path for variables.less and mixons.less files and compile the less file
 */

& {
  @import (multiple) "../../vendor/bootstrap/less/variables.less";
  @grid-columns: 5;
  @import  (multiple) "../../vendor/bootstrap/less/mixins.less";

  @column: 1;
  .col-xs-5ths {
    .make-xs-column(@column);
  }

  .col-sm-5ths {
    .make-sm-column(@column);
  }

  .col-md-5ths {
    .make-md-column(@column);
  }

  .col-lg-5ths {
    .make-lg-column(@column);
  }
}