Html 引导左列最大高度到右列高度

我正在使用Bootstrap并为以下问题搜索CSS/SCSS解决方案。 我在一行中有两列。左列包含一个图像，右列包含一个复杂的网格结构。右栏的高度取决于它的内容，我希望左图像适合右栏的高度

下面是一个简单的代码示例：

。填充高度{
/*应具有与右栏相同的高度*/
}

他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。

这应该可以：

.col-4{
显示：flex！重要；
证明内容：中心；
对齐项目：居中；
}
.col-4 img{
宽度：100%！重要；
}

您可以尝试使用一点

JS

来实现这一点

基本上，这个想法是从右侧的内容中获取高度，然后调整图像大小

let elSize=document.getElementById（“myContent”）.offsetHeight；
document.getElementsByCassName（“img流体”）[0]。style.height=elSize+“px”

他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。

感谢您的回复，它将图像居中放置在div内，但不能防止图像过度增长（最大高度到右栏的高度），这正是我实际需要的。如果您可以在codepen中重新创建此功能，并让我确切地知道您需要什么，我将尽我最大的努力帮助我搜索一个CSS解决方案，其中左栏与右栏的高度相同。我正在寻找一个CSS唯一的解决方案。但无论如何，谢谢你的回复。