Use these Bootstrap utility classes for consistent spacing across applications, based upon the baseline font size. For a full reference see Bootstrap's Documentation on Spacing.
Spacing utilities that apply to all breakpoints, from xs to xl, 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
Where property is one of:
Where sides is one of:
Where size is one of:
The table below shows pixel values for adding margin to the bottom of an element for the two baseline font sizes used in our Design Library (18px for websites, 14px for applications).
|Class||Pixel value (where baseline font size 14px)||Pixel value (where baseline font size 18px)|