Bootstrap 4 跨整行的垂直内容对齐

我有以下代码：

<div class="card text-white bg-primary">
    <div class="card-body pb-0">
      <div class="container h-100">
        <div class="row">
          <div class="col-md-8">
              <h5 class="card-title">Some Title</h5>
          </div>
          <div class="col-md-4">
            <button class="btn btn-primary">Add</button>
            <button class="btn btn-primary">Edit</button>
          </div>
        </div>
      </div>
    </div>

一些头衔
添加
编辑

看起来是这样的：

我需要的是垂直调整整行文本的底部。最好使用第一根柱子作为锚。你知道怎么做吗

---

谢谢

您应该将h5（

mb-0

）上的页边距底部调零，然后使用

行上的
对齐项目中心

  <div class="card text-white bg-primary">
    <div class="card-body py-2">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-8">
                    <h5 class="card-title mb-0">Some Title</h5>
                </div>
                <div class="col-md-4">
                    <button class="btn btn-primary">Add</button>
                    <button class="btn btn-primary">Edit</button>
                </div>
            </div>
        </div>
   </div>


一些头衔
添加
编辑

虽然它确实起到了作用，但您确定它会调整文本底部吗？看起来它有垂直中心，虽然我可能错了。是的，它有垂直中心。这些按钮也有垂直的填充，所以如果你想让文本精确对齐，就必须删除这些填充。