@ZaurK

Как сделать колонки одинаковой высоты в Bootstrap3?

Здравствуйте! При выводе списка товаров в блоках col-sm-6 в Bootstrap при разном содержимом колонок они приобретают разную высоту и получается вот такая проблема
926b63358c944c7fa4a2b923e780111b.jpg

Существует ли способ решения именно с использованием Bootstrap?
  • Вопрос задан
  • 33373 просмотра
Решения вопроса 1
@proskurninra
Решение тут css.yoksel.ru/flexbox

Я сделал и у меня решилась подобная проблема.
Для этого я в css создал класс row-flex
.row-flex {
    display: flex;
    flex-flow: row wrap;
}

и в html применил класс row-flex
<div class="container-fluid">
    <div class="row row-flex">
        <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
            ... содержимое блока ...
        </div>
    </div>
</div>

всё работает!
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
timych
@timych
Вот честно нагуглил и чутка модифицировал :)
https://jsfiddle.net/timych/uo3ktyqj/1/
Ответ написан
@Nikolay_Salnikov
Вот тут можно посмотреть пример колонок одинаковой высоты для bootstrap 3 и 4, с использованием flex-wrap
Колонки одинаковой высоты Bootstrap 3
Ответ написан
Комментировать
amurcoder
@amurcoder
Web Developer
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы