Bootstrap 类“mb-0”如何影响元素的边距？

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

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

理解 class="mb-0"

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

引导边距和填充实用程序类格式

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

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

属性：

• m 为边距
• p 为填充

侧面：

• t 为顶部
• b 为底部
• l 为左侧
• r 代表右
• x 代表左和右
• y 代表上和下

断点：

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

大小：

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

用法示例

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

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

其他资源

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

• [Bootstrap 4.5 - 间距](https://getbootstrap.com/docs/4.5/utilities/spacing /)
• [w3schools：Bootstrap Margin 和 Padding 类](https://www.w3schools.com/bootstrap4/bootstrap_margin_padding.asp)

以上是Bootstrap 类“mb-0”如何影响元素的边距？的详细内容。更多信息请关注PHP中文网其他相关文章！