Почему сползает колонка вниз в бутстрапе?

Question

Programmir @Programmir

Почему сползает колонка вниз в бутстрапе?

Имею стандартный код

<div class="container">
    <div class="row">
        <div class="col-xs-6 col-sm-3"> // таких колонок 8
            <img...>
        </div>
   </div>
</div

И вот когда отображаются по два элемента в строке, то один из блоков съезжает вниз. Тоже самое происходило, если выставить col-sm-4. При определенном уменьшении размеров контейнера, блоки съезжают вниз. Почему такое происходит?

Вопрос задан более трёх лет назад
242 просмотра

1 комментарий

Подписаться 1 Оценить 1 комментарий

скорее из-за высоты блоков, покажите живой пример

Answer 1 · 2017-09-20 13:20:18

<div class="container">
    <div class="row">
        <div class="col-xs-6 col-sm-3">
            <img...>
        </div>
        <div class="col-xs-6 col-sm-3">
            <img...>
        </div>
        <div class="clearfix visible-xs"></div> // через каждые 2
        <div class="col-xs-6 col-sm-3">
            <img...>
        </div>
        <div class="col-xs-6 col-sm-3">
            <img...>
        </div>
        <div class="clearfix visible-xs"></div>
        <div class="clearfix visible-sm visible-md visible-lg"></div> // через каждые 4
        <div class="col-xs-6 col-sm-3">
            <img...>
        </div>
        <div class="col-xs-6 col-sm-3">
            <img...>
        </div>
        <div class="clearfix visible-xs"></div>
        <div class="col-xs-6 col-sm-3">
            <img...>
        </div>
        <div class="col-xs-6 col-sm-3">
            <img...>
        </div>
   </div>
</div

Почему сползает колонка вниз в бутстрапе?

Войдите на сайт