Html 引导列大小等于特定列

我有bootstrap4，我试图让某个列的高度等于另一个列的高度。 这是我的密码：

<div class="container" style="overflow:hidden">
    <div class="row" style="overflow:hidden">
        <div class="col-md-8" id="firstColumn">
            <div class="row">
                <div class="col-md-6">
                </div>
                <div class="col-md-6">
                </div>
            </div>
            <div class="row">
                <div class="col-md">
                </div>
            </div>
        </div>
        <div class="col-md-4" id="secondColumn" style="overflow:auto">
        </div>
    </div>
</div>

我的

secondColumn

的高度高于

firstColumn

，但我希望它在可滚动的同时与

firstColumn

的高度相同

---

我想提到的是，我的列处于一个模式中，当用户单击按钮时，它将从我的数据库加载数据并填充该模式。因此，在页面加载时，如果我将两个div的高度设置为相等，则不会起作用。

我建议最好使用resize jQuery事件查看两个div的高度，并将较短div的高度设置为较高div的高度

大概是这样的：

$(window).resize(function() {
    firstHeight = $("#firstColumn").height();
    secondHeight = $("#secondColumn").height();
    if (firstHeight > secondHeight) {
        $("#secondColumn").height(firstHeight);
    } else {
        $("#firstColumn").height(secondHeight);
    }
}

很可能您也希望在页面打开时运行此功能，这样您就可以使内容成为一个命名函数，您可以在ready和resize触发器中调用该函数

使用

.wrapper{
显示器：flex；
弯曲方向：行；
边框：5px纯黄色；
}
可乐先生{
背景色：#EAE；
弹性：10自动；
线高：2米；
}
colB先生{
背景色：#AEE；
弹性：10自动；
最大高度：70像素；
溢出y：滚动；
线高：2米；
}

一行
更多

比

一个

排队！

尽管这是一个重复的问题，但这个问题与其他问题略有不同。问题是如何缩短div，而不是增加div。