Html 在Bootstrap 4 flexbox中创建等高div

我使用引导4 flexbox启用。我不能使行>列>分隔框的高度相等

我试过

position:absolute

，但它不是最好的

以下是一个屏幕截图：

col-xs-12

的高度始终相等，但

。主目录

高度因内容大小而异

我正在寻找一种解决方案，使

.home\u category

具有100%的高度。与col-xs-12的高度相同

现场演示

---

非常感谢您的反馈。

在查看您的代码时，框当前从内容中获得了高度。您会注意到，一些图像标签是双线的，而另一些是三线的。这些行号的差异导致箱子的高度不同

要对所有框应用完全等高，只需对CSS进行以下调整：

@media (min-width: 48em) {
.col-md-6 {
    flex: 0 0 50%;
    display: flex; /* NEW */
}

@media (min-width: 48em) {
.col-md-6 {
    flex: 0 0 50%;
    display: flex; /* NEW */
}