На странице использую bootstrap3. Структура некоторой части следующая:
<div class="row">
<div class="col-md-6">
<iframe src="..."></iframe>
</div>
<div class="col-md-6">
....
</div>
</div>
То есть в ряду две колонки, в одной из них видео с ютуба во фрейме. Нужно сделать одинаковой высоту колонок ряда, т.е. чтобы при масштабировании высота фрейма совпадала с высотой содержимого второй колонки.
Нагуглил свойство display:flex;
но мне это не помогло. Прошу помощи в решении этой проблемы.