css 什么是引导程序4中的class=“mb-0”?

pgx2nnw8  于 2022-11-19  发布在  其他
关注(0)|答案(7)|浏览(338)

最新文档有:

<p class="mb-0">Lorem ipsum</p>

什么是mb-0

uemypmqf

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

nlejzf6q

nlejzf6q2#

引导程序4

它用于创建0margin-bottom:0)的下边距。您可以在此处查看更多新的间距实用程序类:https://getbootstrap.com/docs/4.0/utilities/spacing/
相关:How do I use the Spacing Utility Classes on Bootstrap 4

t98cgbkg

t98cgbkg3#

m-用于设置边距的类,如下所示:

  • mt-用于设置margin-top的类
  • mb-用于设置margin-bottom的类
  • ml-用于设置margin-left的类
  • mr-用于设置margin-right的类
  • mx-适用于同时设定margin-leftmargin-right的类别
  • my-适用于同时设定margin-topmargin-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
q0qdq0h2

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 -将边距设置为自动

uelo1irk

uelo1irk5#

Bootstrap有预定义的类,我们用它来设计样式。如果你熟悉CSS,你会知道什么是填充,边距和间距等。
mb-0 =下边距:0;
好了,现在我们进一步了解一下,bootstrap有更多的保证金类别,包括:

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

最好的学习方法是通过https://getbootstrap.com站点本身。它解释了很多关于它内置的类。

68bkxrlz

68bkxrlz6#

因为这个“thread”是搜索class=“mb-0”时第一个出现的,所以我想提一下,所有这些答案都被弃用了。现在,在2022年2月,bootstrap是V5.1,这是指向新的空格符号的链接,可以在你的类中使用:https://getbootstrap.com/docs/5.1/utilities/spacing/(主要问题是左和右,现在将其作为符号中的开始和结束引用)

rfbsl7qr

rfbsl7qr7#

*mb-0 ==============
m--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
B-设置底部边距或填充
0-设置0边距或填充
CSS类别

.mb-0{
       margin-bottom: 0
     }

相关问题