如何使用引导程序在列中垂直居中一行

Question

我正在尝试将按钮在其列中垂直对齐。但是列的高度并没有扩展到其父行的100%(边框只是用来显示列的高度(。我该如何解决这个问题？

以下是网址：https://skydocker.searchlightpro.us/main/userList

Answer 1

h-100在包含主列的外行上会使该行扩展到父容器的100%，对吗？

尽管如此，这里有相关的代码——我也很好奇这个代码：

<div class="container">
<div class="row border mt-2 ">
<div class="col-sm-2 h-100">
<img class="rounded-circle mx-auto align-self-center" src="Airy.png" alt="Avatar" width="140px">
</div>
<div class="col-sm-10 h-100">
<div class="row border align-items-center h-100">
<div class="col-sm-9">
<h5 class="mt-0">AKeoshiiProject</h5>
<h6 class="font-italic">Keoshii Dex</h6>
<p class="text-muted">Just here for the art.</p>
</div>
<div class="col-sm-3">
<div class="my-auto">
<a href="https://AKeoshiiProject.searchlightpro.us" class="btn btn-primary">Go to their page!</a>
</div>
</div>
</div>
</div>
</div>
</div>