m -设置边距 p -设置填充 t -设置上边距或上填充 B -设置下边距或下填充 l -设置左边距或左填充 r -设置右边距或右填充 x -设置左填充与右填充或左边距与右边距 y -设置上填充与下填充或上边距与下边距 blank -在元素的四个边设置边距或填充 0 -将边距或填充设置为0 1 -将边距或填充设置为.25rem(如果字体大小为16 px,则为4px) 2 -将边距或填充设置为.5rem(如果字体大小为16 px,则为8 px) 3 -将边距或填充设置为1 rem(如果字体大小为16 px,则设置为16 px) 4 -将边距或填充设置为1.5rem(如果字体大小为16 px,则设置为24 px) 5 -将边距或填充设置为3rem(如果字体大小为16 px,则为48 px) auto -将边距设置为自动
mt- = margin-top
mb- = margin-bottom
ml- = margin-left
mr- = margin-right
my- = it sets margin-left and margin-right at the same time on y axes
mX- = it sets margin-bottom and margin-top at the same time on X axes
7条答案
按热度按时间uemypmqf1#
引导程序4
Bootstrap有一系列响应性的margin和padding实用程序类,它们适用于所有断点:
xs(〈576像素)、sm(〉= 576像素)、md(〉= 768像素)、lg(〉= 992像素)或xl(〉= 1200像素))
这些类别的使用格式如下:
{属性}{边数}-{大小}适用于xs &{属性}{边数}-{断点}-{大小}适用于sm、md、lg和xl。
m-设置边距
p-设置填充
t-设置上边距或上填充
B-设置下边距或下填充
l-设置左边距或左填充
r-设置右边距或右填充
x-设置左填充与右填充或左边距与右边距
y-设置上边距和下边距或上边距和下边距
blank-在元素的四个边设置边距或填充
0-将边距或填充设置为0
1-将边距或填充设置为.25rem(如果字体大小为16 px,则设置为4px)
2-将边距或填充设置为.5rem(如果字体大小为16 px,则设置为8 px)
3-将边距或填充设置为1 rem(如果字体大小为16 px,则设置为16 px)
4-将边距或填充设置为1.5rem(如果字体大小为16 px,则设置为24 px)
5-将边距或填充设置为3rem(如果字体大小为16 px,则设置为48 px)
auto-将边距设置为自动
请访问Bootstrap 4.5 - Spacing了解更多信息
Read more in w3schools
nlejzf6q2#
引导程序4
它用于创建0(
margin-bottom:0
)的下边距。您可以在此处查看更多新的间距实用程序类:https://getbootstrap.com/docs/4.0/utilities/spacing/相关:How do I use the Spacing Utility Classes on Bootstrap 4
t98cgbkg3#
m
-用于设置边距的类,如下所示:mt
-用于设置margin-top
的类mb
-用于设置margin-bottom
的类ml
-用于设置margin-left
的类mr
-用于设置margin-right
的类mx
-适用于同时设定margin-left
和margin-right
的类别my
-适用于同时设定margin-top
和margin-bottom
的类别此处size是边距之一:
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
q0qdq0h24#
m -设置边距
p -设置填充
t -设置上边距或上填充
B -设置下边距或下填充
l -设置左边距或左填充
r -设置右边距或右填充
x -设置左填充与右填充或左边距与右边距
y -设置上填充与下填充或上边距与下边距
blank -在元素的四个边设置边距或填充
0 -将边距或填充设置为0
1 -将边距或填充设置为.25rem(如果字体大小为16 px,则为4px)
2 -将边距或填充设置为.5rem(如果字体大小为16 px,则为8 px)
3 -将边距或填充设置为1 rem(如果字体大小为16 px,则设置为16 px)
4 -将边距或填充设置为1.5rem(如果字体大小为16 px,则设置为24 px)
5 -将边距或填充设置为3rem(如果字体大小为16 px,则为48 px)
auto -将边距设置为自动
uelo1irk5#
Bootstrap有预定义的类,我们用它来设计样式。如果你熟悉CSS,你会知道什么是填充,边距和间距等。
mb-0 =下边距:0;
好了,现在我们进一步了解一下,bootstrap有更多的保证金类别,包括:
最好的学习方法是通过https://getbootstrap.com站点本身。它解释了很多关于它内置的类。
68bkxrlz6#
因为这个“thread”是搜索class=“mb-0”时第一个出现的,所以我想提一下,所有这些答案都被弃用了。现在,在2022年2月,bootstrap是V5.1,这是指向新的空格符号的链接,可以在你的类中使用:https://getbootstrap.com/docs/5.1/utilities/spacing/(主要问题是左和右,现在将其作为符号中的开始和结束引用)
rfbsl7qr7#
*mb-0 ==============
m--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
B-设置底部边距或填充
0-设置0边距或填充
CSS类别