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

问题描述

我是 Bootstrap 的新手，我在尝试对齐标题时遇到了问题.根据屏幕截图，当我在活动工作流"标题上放置 h6 标签时，它会在其底部放置一个边距，使其偏离中心.我浏览了开发工具中的所有样式，但无法弄清楚如何添加此边距.在这里寻找任何形式的见解.

尝试从 H6 标签上拉下边距，但填充仍然存在，添加了另一个图像以显示.

和代码:

<div class="col-md-11"><h6>活动工作流</h6>

解决方案

由 Bootstrap 添加...

.h1, .h2, .h3, .h4, .h5, .h6 {底边距:0.5rem；}

您可以使用保证金工具将其删除..

 Active Workflow

阅读关于间距的引导程序文档.

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.

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

And the code:

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

解决方案

It's added by Bootstrap...

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

You can remove it using margin utils with..

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

Read the Bootstrap docs on Spacing.

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