什么是类=“mb-0"?在 Bootstrap 4 中? [英] What is class="mb-0" in Bootstrap 4?
问题描述
最新文档:
<p class="mb-0">Lorem ipsum</p>
问:mb-0 是什么?
Q: What is 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))
类的使用格式为:
{property}{sides}-{size} for xs &{property}{sides}-{breakpoint}-{size} 用于 sm、md、lg 和 xl.
{property}{sides}-{size} for xs & {property}{sides}-{breakpoint}-{size} for sm, md, lg, and xl.
m - 设置边距
p - 设置填充
t - 设置 margin-top 或 padding-top
t - sets margin-top or padding-top
b - 设置 margin-bottom 或 padding-bottom
b - sets margin-bottom or padding-bottom
l - 设置 margin-left 或 padding-left
l - sets margin-left or padding-left
r - 设置 margin-right 或 padding-right
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
blank - 在元素的所有 4 个边上设置边距或填充
blank - sets a margin or padding on all 4 sides of the element
0 - 将 margin 或 padding 设置为 0
0 - sets margin or padding to 0
1 - 将 margin 或 padding 设置为 .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 - 将 margin 或 padding 设置为 1.5rem(如果字体大小为 16px,则为 24px)
4 - sets margin or padding to 1.5rem (24px if font-size is 16px)
5 - 将 margin 或 padding 设置为 3rem(如果字体大小为 16px,则为 48px)
5 - sets margin or padding to 3rem (48px if font-size is 16px)
auto - 将边距设置为自动
auto - sets margin to auto
这篇关于什么是类=“mb-0"?在 Bootstrap 4 中?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!