Css 多行引导中的等高面板 新使用基础4年后的Bootstrap, 在基础上,使用均衡器来匹配div的高度,这个高度将应用于容器内的每个div。我知道Bootstrap使用Flex,但不知道如何使所有面板具有相同的高度。h-100仅与该特定行中方框的高度匹配。我需要所有长方体都取最长长方体的高度,而不管它渲染到哪一行

Css 多行引导中的等高面板 新使用基础4年后的Bootstrap, 在基础上,使用均衡器来匹配div的高度,这个高度将应用于容器内的每个div。我知道Bootstrap使用Flex,但不知道如何使所有面板具有相同的高度。h-100仅与该特定行中方框的高度匹配。我需要所有长方体都取最长长方体的高度,而不管它渲染到哪一行,css,twitter-bootstrap,flexbox,Css,Twitter Bootstrap,Flexbox,例如,在本例中,所有箱子的高度必须相同: [循环开始] [循环结束] Bootstrap没有此功能。您必须编写一个自定义js函数。使用flex,只有在对象位于同一行(而不是类行)时,才可以强制对象处于相同高度。检查此项,我认为它与您所追求的类似,谢谢。本以为Bootstrap会有一个类似于基金会均衡器的功能,但看起来我需要添加一点JS。Bootstrap没有这个功能。您必须编写一个自定义js函数。使用flex,只有在对象位于同一行(而不是类行)时,才可以强制对象处于相同高度。检查此项,我认为

例如,在本例中,所有箱子的高度必须相同:


[循环开始]
[循环结束]

Bootstrap没有此功能。您必须编写一个自定义js函数。使用flex,只有在对象位于同一行(而不是类行)时,才可以强制对象处于相同高度。检查此项,我认为它与您所追求的类似,谢谢。本以为Bootstrap会有一个类似于基金会均衡器的功能,但看起来我需要添加一点JS。Bootstrap没有这个功能。您必须编写一个自定义js函数。使用flex,只有在对象位于同一行(而不是类行)时,才可以强制对象处于相同高度。检查此项,我认为它与您所追求的类似,谢谢。虽然Bootstrap的功能与Foundation的均衡器类似,但看起来我需要添加一些JS。
<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>