当前位置:  开发笔记 > 前端 > 正文

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

如何解决《Bootstrap4中的class="mb-0"是什么?》经验,为你挑选了2个好方法。

在最新的机制的文档有:

Lorem ipsum

问:什么是mb-0?



1> Akash Preet..:

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

2 - 将边距填充设置为.5rem(如果font-size为16px则为8px)

3 - 将边距填充设置为1rem(如果字体大小为16px,则为16px)

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

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

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

在w3schools阅读更多内容



2> Zim..:

它用于创建0(margin-bottom:0)的底部边距.您可以在此处查看更多新的间距实用程序类:https://getbootstrap.com/docs/4.0/utilities/spacing/

相关:如何在Bootstrap 4上使用Spacing Utility类


感谢您提供原始文档的链接。我宁愿直接从源头阅读,也不愿像w3schools那样参加第三次聚会!
推荐阅读
mobiledu2402851377
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有