Bootstrap H6标签边距问题 [英] Bootstrap h6 tag margin issue

问题描述

我是Bootstrap的新手，尝试对齐标头时遇到问题.根据屏幕截图，当我在"Active Workflow"标题上放置h6标记时，它会在其底部放置一个空白，使其偏离中心.我浏览了开发工具中的所有样式，但无法弄清楚如何增加这种余量.在这里寻找任何见解.

I'm fairly new to Bootstrap and I'm having a problem trying to align a header. Per the screenshots, when I put an h6 tag on the "Active Workflow" title it puts a margin on the bottom of it that makes it off center. I went through all of the styles in dev tools, and cannot figure out how this margin is getting added. Looking for any kind of insight here.

尝试从H6标签上拉出页边距，但填充仍然存在，并添加了另一张图像来显示.

Tried pulling the margin off the H6 tag but the padding is still there, added another image to display.

和代码:

<div class="row">
   <div class="col-md-11">
   <h6>Active Workflow</h6>
</div>

推荐答案

它是由Bootstrap添加的...

It's added by Bootstrap...

.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
}

您可以使用margin utils 将其删除.

<h6 class="mb-0">Active Workflow</h6>

阅读有关Spacing的Bootstrap文档.

这篇关于Bootstrap H6标签边距问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！