小编典典

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

all

最新的文档有:

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

问:mb-0 是什么?


阅读 71

收藏
2022-06-23

共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
中阅读更多信息

2022-06-23