了解 Bootstrap 4 中的 Class="mb-0"

Bootstrap 4 提供了全面的实用程序类，用于管理不同屏幕尺寸的边距和填充，称为 mb (边距底部）类。这些类为不同视口设置元素间距提供了灵活性，如下所述：

理解 class="mb-0"

class="mb-0"专门针对元素的底部边距并将其设置为 0。此类属于边距实用程序类类别，用于完全删除底部边距。

Bootstrap Margin and Padding Utility Class Format

Bootstrap对其边距和填充实用程序类使用一致的命名约定：

{property}{sides}-{size} 或 {property }{sides}-{breakpoint}-{size}

属性：

• m 为边距
• p 为填充

侧面：

• t 为顶部
• b 为底部
• l 为左侧
• r 为右
• x 为左和右
• y 为顶部和底部

断点：

• xs 为
• sm 为 >=576px
• md 为 >=768px
• lg 为 >=992px
• xl 为 > =1200px

大小：

• 0 将边距或内边距设置为 0
• 1 将边距或内边距设置为 。 25rem (4px)
• 2 将边距或填充设置为 0.5rem (8px)
• 3 将边距或填充设置为 1rem (16px)
• 4 设置边距或padding 为 1.5rem (24px)
• 5 将边距或边距设置为 3rem (48px)
• auto 将边距设置为 auto

用法示例

Lorem ipsum

此代码将 class="mb-0" 应用于段落元素，删除其下边距。

其他资源

有关更全面的信息，请参阅以下资源：

• [Bootstrap 4.5 - 间距](https://getbootstrap.com/docs/4.5/utilities/spacing/)
• [w3schools：引导边距和填充类](https://www.w3schools.com/bootstrap4/bootstrap_margin_padding.asp )