如何解决Bootstrap中多行的等高面板
使用Foundation数年后首次使用Bootstrap 4。
在Foundation中,均衡器用于匹配div的高度,并且此高度将应用于容器内的每个div。我知道Bootstrap使用Flex,但无法理解如何使所有面板的高度相同。 h-100仅与特定行中的框的高度匹配。我需要所有盒子都取最长盒子的高度,而不管它在哪一行上呈现。
例如在此示例中,所有框都必须具有相同的高度:
<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 举报,一经查实,本站将立刻删除。