Почему сетка бутстрапа из li сбивается на большом экране?

Question

[Justin Bieber]

kinopark.kz/ru/movie/soon?page=2

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

Answer 1

[Алексей Скляров]

Потому что вы маленький извращенец. Зачем вы колонки оборачиваете в список? Почему не использовать просто колонки? Вообще проблема заключается в том, что у вас слов в блоках везде разное количество, соотв. какие-то блоки становятся выше, какие-то ниже. Так как у вас элемент списка является инлайн-элементов, то он просто будет двигать все блоки вниз.

Решение:

1. Сделать фиксированную длину символов в описании фильмов.
2. Использовать флексбокс.

Answer 2

[iBird Rose]

такие вопросы тут почти каждую неделю пишут.
это нормальное поведение float: left; элементов, когда высоты элементов разные.
поставь к прмиеру:

.catalog ul {
    display: flex;
    flex-wrap: wrap;
}

или ставь clearfix'ы в нужных местах если flex не хочешь