css - Bootstrap 4 中的类 ="mb-0"是什么？

Question

latest documention有:

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

什么是mb-0？

Answer 1

Bootstrap 4

Bootstrap 具有广泛的响应式边距和填充实用程序类。它们适用于所有断点:

xs (<576px), sm (>=576px), md (>=768px), lg (>=992px) 或 xl (>=1200px))

这些类以以下格式使用:

{property}{sides}-{size} 用于 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 - 将 ma​​rgin 或 padding 设置为 .25rem(如果字体大小为 16px，则为 4px)

2 - 将 ma​​rgin 或 padding 设置为 .5rem(如果字体大小为 16px，则为 8px)

3 - 将 ma​​rgin 或 padding 设置为 1rem(如果字体大小为 16px，则为 16px)

4 - 将 ma​​rgin 或 padding 设置为 1.5rem(如果字体大小为 16px，则为 24px)

5 - 将ma​​rgin 或padding 设置为 3rem(如果字体大小为 16px，则为 48px)

auto - 将边距设置为自动

查看更多信息 Bootstrap 4.5 - Spacing

Read more in w3schools