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-top
mb
-对于设置的类 margin-bottom
ml
-对于设置的类 margin-left
mr
-对于设置的类 margin-right
mx
-对于同时设置margin-left
和margin-right
my
-对于同时设置margin-top
和margin-bottom
如果大小是保证金之一:
0
-对于通过将边距设置为0来消除边距的类,例如 mt-0
1
-(默认情况下)用于将边距设置为$ spacer * .25的类,例如 mt-1
2
-(默认情况下)用于将边距设置为$ spacer * .5的类,例如 mt-2
3
-(默认情况下)用于将边距设置为$ spacer的类,例如 mt-3
4
-(默认情况下)用于将边距设置为$ spacer * 1.5的类,例如 mt-4
5
-(默认情况下)用于将边距设置为$ spacer * 3的类,例如 mt-5
auto
-对于将边距设置为自动的类,例如 mx-auto
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)
自动-将保证金设置为自动