Question

我使用Bootstrap 4和Flexbox来对齐行内的列。所有列都需要相同的高度。所以我使用了课程＆＃34; align-items-stretch＆＃34; （http://v4-alpha.getbootstrap.com/utilities/flexbox/#align-items）给他们所有相同的高度。现在我想将列内的内容对齐到底部。

Flexbox有办法吗？或者这是错误的方式？

＆＃13;

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

＆＃13;

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

Bootstrap 4：对齐flexbox项目中的项目

1 个答案: