Answers:
Bootstrap具有广泛的响应边距和填充实用程序类。它们适用于所有断点:
xs(<= 576px),sm(> = 576px),md(> = 768px),lg(> = 992px)或xl(> = 1200px))
这些类以以下格式使用:
{属性} {}双方- {}尺寸为XS&{属性} {}双方- {断点} - {}尺寸为SM,MD,LG和XL。
m-设置边距
p-设置填充
t-设置边距顶部或填充顶部
b-设置边距底边或填充边底
l-设置margin-left或padding-left
r-设置右边距或填充右边距
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(如果font-size为16px,则为8px)
3-将边距或填充设置为1rem(如果font-size为16px,则为16px)
4-将边距或填充设置为1.5rem(如果font-size为16px,则为24px)
5-将边距或填充设置为3rem(如果font-size为16px,则为48px)
自动 -将保证金设置为自动
在Bootstrap 4.5-间距中查看更多
它用于创建底边距0(margin-bottom:0)。您可以在此处查看更多新的间距实用程序类:https : //getbootstrap.com/docs/4.0/utilities/spacing/
m -对于设置边距的类,如下所示:
mt -对于设置的类 margin-topmb -对于设置的类 margin-bottomml -对于设置的类 margin-leftmr -对于设置的类 margin-rightmx-对于同时设置margin-left和margin-rightmy-对于同时设置margin-top和margin-bottom如果大小是保证金之一:
0 -对于通过将边距设置为0来消除边距的类,例如 mt-01 -(默认情况下)用于将边距设置为$ spacer * .25的类,例如 mt-12 -(默认情况下)用于将边距设置为$ spacer * .5的类,例如 mt-23 -(默认情况下)用于将边距设置为$ spacer的类,例如 mt-34 -(默认情况下)用于将边距设置为$ spacer * 1.5的类,例如 mt-45 -(默认情况下)用于将边距设置为$ spacer * 3的类,例如 mt-5auto -对于将边距设置为自动的类,例如 mx-autom-设置边距
p-设置填充
t-设置边距顶部或填充顶部
b-设置边距底边或填充边底
l-设置margin-left或padding-left
r-设置右边距或填充右边距
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(如果font-size为16px,则为8px)
3-将空白或填充设置为1rem(如果font-size为16px,则为16px)
4-将空白或填充设置为1.5rem(如果font-size为16px,则为24px)
5-将边距或填充设置为3rem(如果font-size为16px,则为48px)
自动-将保证金设置为自动