В проект сделан на bootstrap3
подключаю модуль из bootstrap4 flex
.
Исполльзую такую конструкцию
<div class="container">
<div class="row d-flex flex-wrap">
<div class="col-md-6">
some text
</div>
<div class="col-md-6">
some text
</div>
</div>
</div>
Суть в том, что свойство (flex-wrap: wrap
) для класса .row
, дает возможность выровнять по высоте блоки .col-md-6
На современных браузерах это отлично работает, и даже в ие11.
Но в safari 9.3 (ipad2)
и в хроме < v43
, последний блок .col-md-6
переносится на следующую строку.
Тестируется через сервис, потому поиграть с свойствами в инспекторе возможности нет.