bootstrap4 + Rails：如何使面板高度在每一列中相等

Question

在我的应用中，我有以下内容，通常是引导视图结构：

<div class="row">
    <div class="col-lg-9">
        <div class="row">

        <div class="col-md-4">
            <div class="panel panel-default">
                <div class="panel-heading">
                </div>
                <div class="panel-body">
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="panel panel-default">
                <div class="panel-heading">
                </div>
                <div class="panel-body">
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="panel panel-default">
                <div class="panel-heading">
                </div>
                <div class="panel-body">
                </div>
            </div>
        </div>

        </div>
    </div>
</div>

面板类内部的内容长度对于每一列可能会有所不同。而且，只有当用户按下按钮时，其中的一部分才会显示。

如何确保每一列始终具有相同的高度？我可以使用display：flex设置相同的列高，如下所示：

.col-md-4 {
    display: flex;
} 

所有3列都具有相同的高度。但是面板没有。如何实现？

Answer 1