制作Bootstrap行d-flex会使其列高度相等吗？

Question

制作Bootstrap 4行d-flex是否使其列高度相等？

实施例，

<div class="row d-flex">
  <div class="col-md-6">
    <p>111111111111111111111111111111111111111111111111111
       22222222222222222222222222222222222222222222222222
       33333333333333333333333333333333333333333333333333333333333</p> 
  </div>
  <div class="col-md-6">
    <p>1</p>
  </div> 
</div>

`

Answer 1

＆＃34; d-flex＆＃34;有什么礼节？类：

.d-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

如果您没有添加额外的CSS属性，您将拥有相等的列（默认高度相等）。

Answer 2

将d-flex课改为align-items-stretch应该这样做。

默认情况下，Bootstrap 4网格是flex。

检查文档here。