mb-md-0
me-md-auto
这些Bootstrap 5.2属性是如何解码的?
<a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
<span class="fs-4">Simple header</span>
</a>
mb-md-0
me-md-auto
这些Bootstrap 5.2属性是如何解码的?
<a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
<span class="fs-4">Simple header</span>
</a>
这些是
margin
为元素设置边距(在 CSS 中)的标准 Bootstrap 断点。mb-md-0
- 告诉我们对于≥ 768px 的屏幕尺寸,从元素向下的填充将为 0,即margin-bottom: 0
me-md-auto
- 这里我们被告知对于屏幕尺寸≥ 768px的属性将被使用margin-right: auto
。关键字auto
将为左侧分配剩余空间。