解决方法
Bootstrap具有广泛的响应边距和填充实用程序类。它们适用于所有断点：
xs(< = 576px)，sm(> = 576px)，md(> = 768px)，lg(> = 992px)或xl(> = 1200px))
这些类的格式如下：
{property} {sides} – {size} for 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(如果font-size为16px则为4px)
2 – 将边距或填充设置为.5rem(如果字体大小为16px则为8px)
3 – 将边距或填充设置为1rem(如果字体大小为16px，则为16px)
4 – 将边距或填充设置为1.5rem(如果字体大小为16px，则为24px)
5 – 将边距或填充设置为3rem(如果font-size为16px则为48px)