These modular elements can be readily used and customized in every layout across pages.
For detail documentation. View Spacing on Bootstrap⟶
Spacing utilities that apply to all breakpoints, from
xxl, have no breakpoint abbreviation in them. This is because those classes are applied from
min-width: 0 and up, and thus are not bound by a media query. The remaining breakpoints, however, do include a breakpoint abbreviation.
The classes are named using the format
Whereproperty is one of:
m- for classes that set
p- for classes that set
Wheresides is one of:
t- for classes that set
b- for classes that set
s- for classes that set
e- for classes that set
x- for classes that set both
y- for classes that set both
- blank - for classes that set a
paddingon all 4 sides of the element
Wheresize is one of:
display: grid, you can make use of
gap utilities on the parent grid container. This can save on having to add margin utilities to individual grid items (children of a display: grid container). Gap utilities are responsive by default, and are generated via our utilities API, based on the
$spacers Sass map.