These docs are for the prereleased 1.0.0.alpha3 version of Bootstrap Email - Give Feedback
Add spacing between elements in a Grid or Stack.

Class Result
.gap-00px gap on all sides
.gap-14px gap on all sides
.gap-28px gap on all sides
.gap-312px gap on all sides
.gap-416px gap on all sides
.gap-520px gap on all sides
.gap-624px gap on all sides
.gap-728px gap on all sides
.gap-832px gap on all sides
.gap-936px gap on all sides
.gap-1040px gap on all sides
.gap-1248px gap on all sides
.gap-1664px gap on all sides
.gap-2080px gap on all sides
.gap-2496px gap on all sides
.gap-32128px gap on all sides
.gap-40160px gap on all sides
.gap-x-00px horizontal gap
.gap-x-14px horizontal gap
.gap-x-28px horizontal gap
.gap-x-312px horizontal gap
.gap-x-416px horizontal gap
.gap-x-520px horizontal gap
.gap-x-624px horizontal gap
.gap-x-728px horizontal gap
.gap-x-832px horizontal gap
.gap-x-936px horizontal gap
.gap-x-1040px horizontal gap
.gap-x-1248px horizontal gap
.gap-x-1664px horizontal gap
.gap-x-2080px horizontal gap
.gap-x-2496px horizontal gap
.gap-x-32128px horizontal gap
.gap-x-40160px horizontal gap
.gap-y-00px vertical gap
.gap-y-14px vertical gap
.gap-y-28px vertical gap
.gap-y-312px vertical gap
.gap-y-416px vertical gap
.gap-y-520px vertical gap
.gap-y-624px vertical gap
.gap-y-728px vertical gap
.gap-y-832px vertical gap
.gap-y-936px vertical gap
.gap-y-1040px vertical gap
.gap-y-1248px vertical gap
.gap-y-1664px vertical gap
.gap-y-2080px vertical gap
.gap-y-2496px vertical gap
.gap-y-32128px vertical gap
.gap-y-40160px vertical gap

Usage

Just like the margin and padding classes, multiply the class number by 4px to get the size. Ex. gap-10 is 40px.


Grid

By default the grid .row class has 24px horizontal gutters. You can apply these gap classes to the row class to change horizontal and vertical gutters row gap-4 will add 16px gutters on all sizes. Top and bottom gutters are useful for when a grid is responsive and stacks columns vertically on mobile. More about using Gap with Grid


Stack

Use gap here to spread elements in a stack, horizontally if it is a stack-x and vertically if it is a stack-y. More about using Gap with Stacks