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屋!