What are Bootstrap utilities for spacing?

Asked on Jun 01, 2025

1 Answer

Bootstrap provides a set of utility classes for managing spacing, which includes margin and padding. These classes allow you to quickly adjust the spacing of elements without writing custom CSS.


        Padding and Margin Example
        Margin Top
        Margin Bottom
        Margin Left (for LTR)
        Margin Right (for LTR)
        Padding Top
        Padding Bottom
        Padding Left (for LTR)
        Padding Right (for LTR)

Additional Comment:

Bootstrap spacing utilities follow a pattern: "{property}{sides}-{size}".
Properties include "m" for margin and "p" for padding.
Sides can be "t" (top), "b" (bottom), "l" (left), "r" (right), "x" (horizontal), "y" (vertical), or blank for all sides.
Sizes range from 0 to 5, where 0 is no space and 5 is the largest.
Use "mx-auto" or "my-auto" for centering elements horizontally or vertically.

✅ Answered with Bootstrap 5 best practices.

← Back to All Questions