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

问:什么是mb-0?

最佳答案:

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)

自动 – 将保证金设置为自动

Read more in w3schools

参考:

css – Bootstrap 4中的class =“mb-0”是什么?