我有一个引导5行多列的。每列有一个图像和一个段落。
这些图像有不同的高度，所以为了对齐一切我想：
1.使用h-100为子div指定100%的高度
1.用align-top将图像与顶部对齐
1.用align-bottom将段落底端对齐

<div class="row">
  <div class="mt-5 col text-center">
    <div class="h-100 border">
      <div class="align-top">
        <img class="img-fluid" src="example1.png" width="180">
      </div>
      <div class="align-bottom">
        <p>Paragraph 1</p>
      </div>
    </div>
  </div>
  <div class="mt-5 col text-center">
    <div class="h-100 border">
      <div class="align-top">
        <img class="img-fluid" src="example2.png" width="180">
      </div>
      <div class="align-bottom">
        <p>Paragraph 2</p>
      </div>
    </div>
  </div>
</div>

但是align-bottom不起作用，很可能align-top也不起作用，但是没有检查，因为默认是在顶部对齐。
我做错了什么？