Как сделать блоки одной высоты, при изменении окна браузера?

Question

[Евгений]

Есть небольшой код, чтобы высота всех блоков в одном классе была по самой максимальной в данном наборе.
Функция вызывается при загрузки страницы и при ресайзе окна.

jQuery(window).resize(function() {
        resizeBlockEach('.myclass');
});

function resizeBlockEach(classElement) {
    var maxHeight = 0;
    $(classElement).each(function(i,elem) {
        if($(this).height() > maxHeight) maxHeight = $(this).height();
    });
    $(classElement).height(maxHeight);
}

При загрузке страницы и при ресайзе, без изменения сетки bootstrap, всё нормально работает. Если же изменение размера экрана происходит перестроение сетки css bootstrap, то мой код не срабатывает, точнее наверно сначала срабатывает он, а потом уже перестроение CSS от бутстрапа.

Что бы было нагляднее, вот пример. При ресайзе выравнивается высота, при срабатываении сетки от бутсрапа уже нет.
codepen.io/Atach/pen/VaGaqp

Answer 1

[Danila]

начать использовать флексбокс и перестать ваять костыли в то время, когда давно реализованы методы под вашу задачу