Задать вопрос
@Programmir
html

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

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

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


И вот когда отображаются по два элемента в строке, то один из блоков съезжает вниз. Тоже самое происходило, если выставить col-sm-4. При определенном уменьшении размеров контейнера, блоки съезжают вниз. Почему такое происходит?
  • Вопрос задан
  • 235 просмотров
1 комментарий
Подписаться 1 Оценить 1 комментарий
Пригласить эксперта
Ответы на вопрос 1
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется 
<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
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Доработать сайт на React + Nest
19 апр. 2024, в 12:05
1500 руб./в час
Разработать программу в CodeSys
19 апр. 2024, в 12:00
250 руб./за проект
Сделать мобильную версию сайта Next.js/React
19 апр. 2024, в 11:54
500 руб./в час
Ещё заказы