Bootstrap具有广泛的响应余量和填充实用程序类.它们适用于所有断点:
xs (<=576px), sm (>=576px), md (>=768px), lg (>=992px) or xl (>=1200px))
这些类的使用格式为:
{property}{sides}-{size}表示XS&;{property}{sides}-{breakpoint}-{size}表示SM、MD、LG和XL.
m套页边距
p套衬垫
t-设置边距顶部或填充顶部
b-设置边距底部或填充底部
l-设置左边距或左填充
r-设置右边距或右填充
x-同时设置左边距和右边距或左边距和右边距
y-同时设置上边距和下边距或上边距和下边距
blank-在元素的所有4条边上设置边距或填充
0-将margin或padding设置为0
1-将margin或padding设置为.25rem(如果字体大小为16px,则为4px)
2-将margin或padding设置为0.5rem(如果字体大小为16px,则设置为8px)
3-将margin或padding设置为1rem(如果字体大小为16px,则为16px)
4-将margin或padding设置为1.5rem(如果字体大小为16px,则为24px)
5-将margin或padding设置为3rem(如果字体大小为16px,则为48px)
auto-将边距设置为自动
在Bootstrap 4.5 - Spacing查看更多信息