Columns: Gap


Gapless four columns grid

.column
.column
.column
.column

Variable gap: 0 (gapless)

.column
.column
.column
.column

Variable gap: 1

.column
.column
.column
.column

Variable gap: 2

.column
.column
.column
.column

Variable gap: 3 (default value)

.column
.column
.column
.column

Variable gap: 4

.column
.column
.column
.column

Variable gap: 5

.column
.column
.column
.column

Variable gap: 6

.column
.column
.column
.column

Variable gap: 7

.column
.column
.column
.column

Variable gap: 8

.column
.column
.column
.column

Breakpoint based variable gaps: examples

.is-1-mobile

.column
.column
.column
.column

.is-2-tablet

.column
.column
.column
.column

.is-4-desktop

.column
.column
.column
.column

.is-6-widescreen

.column
.column
.column
.column

.is-8-fullhd

.column
.column
.column
.column