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

Question

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

问：什么是 mb-0？

Answer 1

Bootstrap 4

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

相关：

Answer 2

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

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

类的使用格式为：

{属性}{sides}-{size} for xs & {属性}{sides}-{breakpoint }-{尺寸} 适用于 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

blank - 在元素的所有 4 个边上设置边距或填充

0 - 将 margin 或 padding 设置为 0

1 - 将 margin 或 padding 设置为 .25rem（如果字体大小为 4px是 16px)

2 - 将 margin 或 padding 设置为 .5rem（如果字体大小为 8px是 16px)

3 - 将 margin 或 padding 设置为 1rem（如果字体大小为 16px 16px)

4 - 将 margin 或 padding 设置为 1.5rem（如果字体大小为 24px是 16px)

5 - 将 margin 或 padding 设置为 3rem（如果字体大小为 48px 16px)

auto - 将边距设置为 auto

在 Bootstrap 4.5 - Spacing

Read more in w3schools

Answer 3

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（如果字体大小为 16px，则为 4px）

2 - 将边距或填充设置为 .5rem（如果字体大小为 16px，则为 8px）

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

4 - 将边距或填充设置为 1.5rem（如果字体大小为 16px，则为 24px）

5 - 将边距或填充设置为 3rem（如果字体大小为 16px，则为 48px）

auto - 将保证金设置为自动

Answer 4

m - 对于类设置边距，像这样：

mt - 对于类设置 margin-top
mb - 对于类设置 margin-bottom
ml - 对于类设置 margin-left
mr - 对于类设置 margin-right
mx - 对于设置 margin-left 和 margin-right
my - 对于同时设置 margin-top 和 margin-bottom

其中大小是边距之一：

0 - 对于类，通过将其设置为来消除边距 0 个，喜欢 mt-0
1 -（默认情况下）类将边距设置为 $spacer * .25，如 mt-1
2 -（默认情况下）类将边距设置为 $spacer * .5，如 mt-2
3 -（默认情况下）类将边距设置为 $spacer，比如 mt-3
4 -（默认情况下）类将边距设置为 $spacer * 1.5，如 mt-4
5 -（默认情况下）类将边距设置为 $spacer * 3，如 mt-5
auto - 对于将边距设置为自动的类，例如 mx-auto

Answer 5

class="mb-0"

m - 设置边距

b - 设置 bottom margin 或 padding

0 - 设置 0 边距或填充

CSS class

.mb-0{
       margin-bottom: 0
     }

Answer 6

Bootstrap 预定义了我们用于样式的类。如果你熟悉 CSS，你就会知道 padding、margin 和 spacing 等是什么。

mb-0 = 底边距:0;

好的，现在进一步了解知识，bootstrap 有更多类的保证金，包括：

mt- = margin-top
mb- = margin-bottom
ml- = margin-left
mr- = margin-right
my- = it sets margin-left and margin-right at the same time on y axes
mX- = it sets margin-bottom and margin-top at the same time on X axes

这里解释了这一点以及更多内容 https://getbootstrap.com/docs/5.0/utilities/spacing/ 最好的学习方法是通过 https://getbootstrap.com 站点本身。它解释了很多关于它内置的类.

Answer 7

因为这个“线程”是搜索 class="mb-0" 时出现的第一个线程，所以我想提一下所有这些答案都已弃用。现在在 2022 年 2 月，bootstrap 是 V5.1，它是 link 在您的 classes 中使用的新间距符号：https://getbootstrap.com/docs/5.1/utilities/spacing/（主要问题是 left和权利，现在在符号中作为开始和结束被引用）

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

What is class="mb-0" in Bootstrap 4?

css

twitter-bootstrap

bootstrap-4

twitter-bootstrap-4