Bootstrap 类'mb-0”如何影响元素的边距?
了解 Bootstrap 4 中的 Class="mb-0"
Bootstrap 4 提供了全面的实用程序类,用于管理不同屏幕尺寸的边距和填充,称为 mb (边距底部)类。这些类为不同视口设置元素间距提供了灵活性,如下所述:
理解 class="mb-0"
class="mb-0"专门针对元素的底部边距并将其设置为 0。此类属于边距实用程序类类别,用于完全删除底部边距。
引导边距和填充实用程序类格式
Bootstrap 对其边距和填充实用程序类使用一致的命名约定:
{property}{sides}-{size} 或 {property }{sides}-{breakpoint}-{size}
属性:
- m 为边距
- p 为填充
侧面:
- t 为顶部
- b 为底部
- l 为左侧
- r 代表右
- x 代表左和右
- y 代表上和下
断点:
- xs 为 <576px
- sm 为 >=576px
- md 为 >=768px
- lg 为 >=992px
- xl for >=1200px
大小:
- 0 将边距或填充设置为 0
- 1 设置 a边距或内边距为 0.25rem (4px)
- 2 将边距或内边距设置为 0.5rem (8px)
- 3 将边距或内边距设置为 1rem (16px)
- 4 将边距或内边距设置为 1.5rem (24px)
- 5 将边距或内边距设置为 3rem (48px)
- auto 将边距设置为自动
用法示例
<code class="html"><p class="mb-0">Lorem ipsum</p></code>
登录后复制
此代码将 class="mb-0" 应用于段落元素,删除其下边距。
其他资源
有关更全面的信息,请参阅以下资源:
- [Bootstrap 4.5 - 间距](https://getbootstrap.com/docs/4.5/utilities/spacing /)
- [w3schools:Bootstrap Margin 和 Padding 类](https://www.w3schools.com/bootstrap4/bootstrap_margin_padding.asp)
以上是Bootstrap 类'mb-0”如何影响元素的边距?的详细内容。更多信息请关注PHP中文网其他相关文章!
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章
如何修复KB5055612无法在Windows 10中安装?
4 周前
By DDD
<🎜>:泡泡胶模拟器无穷大 - 如何获取和使用皇家钥匙
4 周前
By 尊渡假赌尊渡假赌尊渡假赌
<🎜>:种植花园 - 完整的突变指南
3 周前
By DDD
北端:融合系统,解释
4 周前
By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆树的耳语 - 如何解锁抓钩
3 周前
By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

在本周的平台新闻综述中,Chrome引入了一个用于加载的新属性,Web开发人员的可访问性规范以及BBC Move

有很多分析平台可帮助您跟踪网站上的访问者和使用数据。也许最著名的是Google Analytics(广泛使用)
