Spacing
Bootstrap 5 has a wide range of responsive margin and padding utility classes. They work for all breakpoints: xs (<=576px), sm (>=576px), md (>=768px), lg (>=992px), xl (>=1200px) or xxl (>=1400px)):
The classes are used in the format: {property}{sides}-{size} for xs and {property}{sides}-{breakpoint}-{size} for sm, md, lg, xl and xxl.
Where property is one of:
m– setsmarginp– setspadding
Where sides is one of:
t– setsmargin-toporpadding-topb– setsmargin-bottomorpadding-bottoms– setsmargin-leftorpadding-lefte– setsmargin-rightorpadding-rightx– sets bothpadding-leftandpadding-rightormargin-leftandmargin-righty– sets bothpadding-topandpadding-bottomormargin-topandmargin-bottom- blank – sets a
marginorpaddingon all 4 sides of the element
Where size is one of:
0– setsmarginorpaddingto01– setsmarginorpaddingto.25rem2– setsmarginorpaddingto.5rem3– setsmarginorpaddingto1rem4– setsmarginorpaddingto1.5rem5– setsmarginorpaddingto3remauto– setsmarginto auto