Gutters & Spacing

Control gaps between columns

Gutters are the gaps between columns. Bootstrap uses padding on each column and negative margins on the row.

.row (default 1.5rem gutters)
col
col
col
1.5rem

Bootstrap rows have a default horizontal gutter of 1.5rem (24px) between columns, created with padding.