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

Question

最新的文档 有：

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

什么是 mb-0 ？

原文由 Phillip Senn 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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 - 将 边距 或内 边距 设置为 .25rem（如果字体大小为 16 像素，则为 4 像素）

2 - 将 边距 或内 边距 设置为 0.5rem（如果字体大小为 16 像素，则为 8 像素）

3 - 将 边距 或内 边距 设置为 1rem（如果字体大小为 16px，则为 16px）

4 - 将 边距 或内 边距 设置为 1.5rem（如果字体大小为 16 像素，则为 24 像素）

5 - 将 边距 或内 边距 设置为 3rem（如果字体大小为 16 像素，则为 48 像素）

auto - 将边距设置为自动

在 Bootstrap 4.5 - 间距 中查看更多信息

在 w3schools 中阅读更多信息

原文由 Akash Preet 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

引导程序 4

它用于创建 0 的底部边距( margin-bottom:0 )。您可以在此处查看更多新的间距实用程序类： https ://getbootstrap.com/docs/4.0/utilities/spacing/

相关： 如何在 Bootstrap 4 上使用间距实用程序类

原文由 Zim 发布，翻译遵循 CC BY-SA 4.0 许可协议