Bootstrap h标签与行类对齐

如何解决Bootstrap h标签与行类对齐

我正在尝试使用引导程序使标题与表单元素对齐。并具有以下代码：

fun RecyclerView.attachFab(fab : FloatingActionButton) {
    this.addOnScrollListener(object : RecyclerView.OnScrollListener(){
        override fun onScrolled(recyclerView: RecyclerView,dx: Int,dy: Int) {
            super.onScrolled(recyclerView,dx,dy)
            if (dy > 0)
                fab.hide()
            else if (dy < 0)
                fab.show()
        }
    })
}

jsfiddle.net的输出如下：

为什么“标题”未与其下方的div对齐？

解决方法

您的问题无法重现。请提供更多上下文，例如您的 CSS 或随附的库。

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
   <h4>Heading</h4>
   <div class="row">
      <div class="col">
         1 of 2
      </div>
   </div>
</div>

如果您在上述代码段中运行此代码，则可以看到“ 1 of 2”具有相同的对齐方式。
实际上，row类的左右两边分别有 -15px边距。但是col类的左侧和右侧分别为 + 15px填充。