.row { margin-left: @grid-gutter-width; margin-right: @grid-gutter-width; }

//
.columns-base-css() { position: relative; min-height: 1px; }
// 循環，基礎css設定
.make-grid-columns(@len: @grid-columns) {
	.col(@i) {
		@item: ~".@{grid-name}_xs_@{i},.@{grid-name}_sm_@{i},.@{grid-name}_md_@{i},.@{grid-name}_lg_@{i},.@{grid-name}_xl_@{i},.@{grid-name}_xxl_@{i}";
		.col(@i + 1, ~"@{item}");
	}
	.col(@i, @list) when (@i =< @len){
		@item: ~".@{grid-name}_xs_@{i},.@{grid-name}_sm_@{i},.@{grid-name}_md_@{i},.@{grid-name}_lg_@{i},.@{grid-name}_xl_@{i},.@{grid-name}_xxl_@{i}";
		.col(@i + 1, ~"@{item},@{list}");
	}
	.col(@i, @list) when (@i > @len) {
		@{list} {
			
		}
	}
	.col(1)
}
.make-grid-columns(@grid-columns);

// 循環生成
.make-columns-loop(@type: "", @n, @i: 1) when (@i <= @n){
	@class: if((@type = ""), ~"@{grid-name}", ~"@{grid-name}_@{type}");
	@w: (@i * 100% / @n);
	@offset: @grid-gutter-width * 2;
	.@{class}_@{i} { width: @w; }
	// 偏移
	.@{class}_offset_@{i} { width: calc(@w - @offset); }
	.make-columns-loop(@type, @n, (@i + 1));
}