设置bootstrap列的min-height自动等于另一列的大小

Question

假设我已加载boostrap

<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<div class="row">
    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6"><img style="float:right" src="https://www.w3schools.com/html/w3schools.jpg"/></div>
    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6" style="background-color:#aaa">some text</div>
</div>

如果您运行代码段，您会看到右侧列的高度等于其中内容文字的大小。

我的问题是：想象一下，左侧列中的图像源是随机的，（因此它的高度是随机的）。如何将右侧列的min-height属性设置为左侧列的大小，并确定其中<img>的大小。另一方面，我想要一些输出，如下面的图像，而无需手动设置min-height属性：

任何帮助将不胜感激。

Answer 1

这可行，但它取决于将Bootstrap列设置为position: static：

https://codepen.io/anon/pen/XRbGeq