Bootstrap 4:在Flexbox项目中对齐项目

Question

我正在使用Bootstrap 4和Flexbox来对齐一行。我需要所有列的高度。因此，我使用类" align-items-tretch"（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

这在不知道列的内容的情况下很难ANWSER。另外，我不明白align-items-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