html - Bootstrap 4 : Align items inside flexbox item

Question

我使用 Bootstrap 4 和 Flexbox 来对齐行内的列。我需要所有列的高度相同。所以我使用类“align-items-stretch”(http://v4-alpha.getbootstrap.com/utilities/flexbox/#align-items)给它们相同的高度。现在我想将列中的内容对齐到底部。

Flexbox 有办法吗？还是方法不对？

<div class="row d-flex align-items-stretch">
  <div class="col"></div>
  <div class="col"></div>
  <div class="col"></div>
  <div class="col"></div>
</div>

Answer 1

如果不知道列的内容，这很难回答。另外，我不明白 align-items-stretch 如何让您的列全高，因为“stretch”是默认设置。 Flexbox 有几种不同的方法可以做到这一点。

<div class="row d-flex">
    <div class="col">
    </div>
    <div class="col">
    </div>
    <div class="col align-self-end">
    </div>
</div>

http://www.codeply.com/go/Kaby5SlKgM