什么是class ＝"mb-0"?在Bootstrap 4中? [英] What is class="mb-0" in Bootstrap 4?

问题描述

最新文档具有:

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

问:什么是mb-0?

推荐答案

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

Bootstrap has a wide range of responsive margin and padding utility classes. They work for all breakpoints:

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

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

使用以下格式的类:

{属性} {面}-{大小} for xs& {属性} {面}-{断点}-{大小} ，用于sm，md，lg和xl.

{property}{sides}-{size} for xs & {property}{sides}-{breakpoint}-{size} for sm, md, lg, and xl.

m -设置边距

p -设置填充

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

t - sets margin-top or padding-top

b -设置底边距或底边距

b - sets margin-bottom or padding-bottom

l -设置左空白或左空白

l - sets margin-left or padding-left

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

r - sets margin-right or padding-right

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

x - sets both padding-left and padding-right or margin-left and margin-right

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

y - sets both padding-top and padding-bottom or margin-top and margin-bottom

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

blank - sets a margin or padding on all 4 sides of the element

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

1 -将边距或填充设置为.25rem(如果字体大小为16px，则为4px)

1 - sets margin or padding to .25rem (4px if font-size is 16px)

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

2 - sets margin or padding to .5rem (8px if font-size is 16px)

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

3 - sets margin or padding to 1rem (16px if font-size is 16px)

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

4 - sets margin or padding to 1.5rem (24px if font-size is 16px)

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

5 - sets margin or padding to 3rem (48px if font-size is 16px)

自动-将边距设置为自动

在 Bootstrap 4.5-间距

在w3schools中了解更多信息

这篇关于什么是class ＝"mb-0"?在Bootstrap 4中?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！