Последовательное выравнивание колонок Bootstrap автоматически по высоте?

Question

[Lord_Dantes]

Доброго времени суток
Обращаюсь с просьбой помочь по данному инциденту..

Мы имеем допустим куча блоков по такой схеме col-md-7 и col-md-5, и бывает что у одного блока контент занимает меньше высоты чем у второго, и второй блок задает высоту так сказать для первого ряда, а дальше уже третий блок отталкивается от высоты второго...
Как можно сделать чтобы третий блок отталкивался от высоты первого, я пробовал чистить поток через clearfix но это не то что нужно я немного запутался вроде делал но как применить...
Спасибо за любые советы.

Answer 1

[profesor08]

В Bootstrap 4 сетка сделана на flex, это значит что для .row можно задать align-items: stretch;, это сделает все элементы в ряду одной высоты. Тебе останется задать содержимому ячейки высоту height: 100%, возможно для ячеек придется задать display: flex;. Содержимое ячейки должно быть обрамлено в некий контейнер.

Comments

[Lord_Dantes]

Я вас понял, судя с моего пояснения без кода я б тоже так посоветовал бы, скорей всего я неправильно обьяснил..
У меня один ров ниже в комментариях я выслал скриншот с участком кода
Спасибо

[profesor08]

На флексах высота не будет отталкиваться от первого, а будет отталкиваться от наибольшего в ряду. У тебя 1 .row и 4 .col, на скрине все ячейки расположены в 2 ряда, при align-items: stretch; все .col в ряду будут одной высоты. Тебе остается растянуть их содержимое.