Question

是否有一个快速的flexbox类来垂直对齐列中的内容？

例如

  <div class="row">
      <div class="col">
        unknown height
      </div>
      <div class="col h100 d-flex justify-content-center">
        set same height as previous + flex center
      </div>
  </div>

上面显然没有用，但你明白了......

使用此https://scotch.io/quick-tips/different-tricks-on-how-to-make-bootstrap-columns-all-the-same-height#toc-option-4-use-flexbox

可以实现相同的高度行

- ＆GT;感觉不是最顺畅的解决方案，是不是有本机引导类？

而且它还没有对齐中间

Answer 1

好的，这就够了：

<div class="row align-items-center"></div>

Bootstrap4垂直对齐列

1 个答案: