Responsive Column Count for Bootstrap 4

responsive-column-count.scss

/**
 * Responsive Column Counts with Bootstrap 4
 * <div class="column-count-md-3">
 *   <p>Very long Lorem ipsum...</p>
 * </div>
 */

@each $breakpoint in map-keys($grid-breakpoints) {
    @include media-breakpoint-up($breakpoint) {
        $infix: breakpoint-infix($breakpoint, $grid-breakpoints);

        @for $i from 2 through $grid-columns {
            .column-count#{$infix}-#{$i} {
                column-count: $i;
                // orphans: 2;
                // widows: 3;
            }
        }

    }
}