Explore Templates
Spacing
Bootstrap includes a wide range of shorthand responsive margin, padding, and gap utility classes to modify an element's appearance.
Padding
A wide range of shorthand responsive padding utility classes to modify an element's appearance.
.ps-4
.pt-4
.pb-4
.pe-4
.px-4
.py-4
Margin
A wide range of shorthand responsive margin utility classes to modify an element's appearance.
.ms-4
.ms-10
Gap
When using 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).
Grid item 1
Grid item 2
Grid item 3