Bootstrap 具有广泛的响应式边距和填充实用程序类。它们适用于所有断点：

xs (<=576px), sm (>=576px), md (>=768px), lg (>=992px) 或
xl (>=1200px))

这些类以以下格式使用：

{property}{sides}-{size} 用于 xs 和 {property}{sides}-{breakpoint}-{size}
用于 sm、md、lg 和 xl。

m - 设置边距

p - 设置填充

t - 设置 margin-top 或 padding-top

b - 设置 margin-bottom 或 padding-bottom

l - 设置 margin-left 或 padding-left

r - 设置 margin-right 或 padding-right

x - 设置 padding-left 和 padding-right 或 margin-left 和 margin-right

y - 设置 padding-top 和 padding-bottom 或 margin-top 和 margin-bottom

空白 - 在元素的所有 4 个边上设置边距或填充

0 - 将 边距 或 填充 设置为 0

1 - 将 边距 或内 边距 设置为 .25rem（如果字体大小为 16 像素，则为 4 像素）

2 - 将 边距 或内 边距 设置为 0.5rem（如果字体大小为 16 像素，则为 8 像素）

3 - 将 边距 或内 边距 设置为 1rem（如果字体大小为 16px，则为 16px）

4 - 将 边距 或内 边距 设置为 1.5rem（如果字体大小为 16 像素，则为 24 像素）

5 - 将 边距 或内 边距 设置为 3rem（如果字体大小为 16 像素，则为 48 像素）

auto - 将边距设置为自动

在Bootstrap 4.5 -
间距中查看更多信息

在 w3schools
中阅读更多信息