Bootstrap中多行的等高面板

问题描述

使用Foundation数年后首次使用Bootstrap 4。

在Foundation中,均衡器用于匹配div的高度,并且此高度将应用于容器内的每个div。我知道Bootstrap使用Flex,但无法理解如何使所有面板的高度相同。 h-100仅与特定行中的框的高度匹配。我需要所有盒子都取最长盒子的高度,而不管它在哪一行上呈现。

例如在此示例中,所有框都必须具有相同的高度:

bootstrap h-100 divs

<div class="container">
    <div class="row">

        [LOOP STARTS]

            <div class="col-sm-12 col-md-6 col-lg-4 mb-4">  
                <a href="#">
                    <div class="panel-link h-100">

                        <i class="fas fa-link"></i> LINK TEXT HERE

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

        [LOOP ENDS]

    </div>
</div>

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)