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

Question

[Programmir]

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

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

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

Comments

[one_day]

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

Answer 1

[iBird Rose]

<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

Comments

[Programmir]

Спасибо за помощь. Забыл про это свойство. Добавил только к visible префикс -block, так как без него считается deprecated.