Bootstrap4垂直對齊列

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

實現 - >不覺得最流暢的解決方案，是不是有本地的引導類？

而且還有它仍然沒有對齊的中間

Answer 1

確定這就夠了：

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