整行的垂直内容对齐

Question

我有以下代码：

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

看起来像这样：

我需要在整个行中垂直调整文本的底部。最好使用第一列作为锚点。知道怎么做吗？

谢谢

Answer 1

您应该将h5（mb-0）上的页边距底部清零，然后在align-items-center上使用row。