Css 引导4和多个元素的高度

我很难解释我想要什么，所以我编了一张莫卡

如何使用bootstrap 4实现这一点？所以目标是，右边的4个元素（移动设备除外）始终与左边的元素（图像）一样高度相等。有人能帮忙吗？现在是马克鲁普

文件
肮脏的
肮脏的
肮脏的
肮脏的

您可以使用Bootstrap 4新的flexbox实用程序类。

d-flex

类用于

display:flex

，然后

flex column

用于设置

flex direction:column

<div class="container">
    <section class="hero">
        <div class="row">
            <div class="col col-md-8"><img src="" alt=""></div>
            <div class="col col-md-4 d-flex flex-column">
                <div class="contentMy h-100">somthing</div>
                <div class="contentMy h-100">somthing</div>
                <div class="contentMy h-100">somthing</div>
                <div class="contentMy h-100">somthing</div>
            </div>
        </div>
    </section>
</div>

肮脏的
肮脏的
肮脏的
肮脏的

---

太多了。我试图弄清楚新引导程序的所有内容，但我没有弄清楚：）