Question

latest documention有：

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

问：什么是mb-0？

Answer 1

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

xs （＆lt; = 576px）， sm （＆gt; = 576px）， md （＆gt; = 768px）， lg （＆gt; = 992px）或 xl （＆gt; = 1200px））

这些类的格式为：

适用于xs＆amp;的

{property} {sides} - {size} sm，md，lg和xl的 {property} {sides} - {breakpoint} - {size} 。

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（如果font-size为16px则为4px）

2 - 将保证金或填充设置为.5rem（如果font-size为16px则为8px）

3 - 将保证金或填充设置为1rem（如果font-size为16px，则为16px）

4 - 将保证金或填充设置为1.5rem（如果font-size为16px，则为24px）

5 - 将边距或填充设置为3rem（如果font-size为16px则为48px）

自动 - 将保证金设置为自动

Read more in w3schools

Answer 2

用于创建底部边距为0 （Customers grouped by state State = MA Mary Smith, Vancouver State = WI Doris Smith, New York）。您可以在此处查看更多新的间距实用程序类：https://getbootstrap.com/docs/4.0/utilities/spacing/

相关：How do I use the Spacing Utility Classes on Bootstrap 4

Answer 3

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-对于将边距设置为auto的类，例如mx-auto

Answer 4

Bootstrap 具有我们用于样式的预定义类。如果您熟悉 CSS，您就会知道什么是内边距、边距和间距等。

mb-0 = margin-bottom: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 5

m-设置边距

p-设置填充

t-设置页边空白或填充边空白

b-设置底边距或底边距

l-设置左空白或左空白

r-设置边距为右或填充为右

x-设置padding-left和padding-right或margin-left和margin-right

y-设置padding-top和padding-bottom或margin-top和margin-bottom

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

0-将边距或填充设置为0

1-将边距或填充设置为.25rem（如果font-size为16px，则为4px）

2-将边距或填充设置为.5rem（如果font-size为16px，则为8px）

3-将边距或填充设置为1rem（如果font-size为16px，则为16px）

4-将边距或填充设置为1.5rem（如果font-size为16px，则为24px）

5-将边距或填充设置为3rem（如果font-size为16px，则为48px）

自动-将边距设置为自动

Answer 6

class="mb-0"

m - 设置 margin

b - 设置底部边距或填充

0 - 设置 0 边距或填充

CSS 类

.mb-0{
       margin-bottom: 0
     }

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

6 个答案: