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

Bootstrap — Как уменьшить количество колонок до двух?

Здравствуйте.
Приобрел в интернете html-шаблон сайта-магазина, в нем используется bootstrap. При просмотре на мониторе на сайте товары располагаются в 4 колонки, однако при просмотре в телефонном режиме 4 колонки превращаются в одну. Вопрос: как я могу добиться того чтобы как при просмотре через монитор так и при просмотре через телефоны/планшеты и т.д. товары всегда отображались лишь в две колонки?
  • Вопрос задан
  • 541 просмотр
5 комментариев
Подписаться 1 Оценить 5 комментариев
Решения вопроса 2
vman
@vman
в bootstrap применяется сетка из 12 колонок, соответственно, размер колонок при том или ином разрешении регулируется через классы col-(lg|md|sm|xs|)-*

если для колонки задать классы 
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> ..... </div>


то она всегда будет занимать 50% от ширины строки

https://getbootstrap.com/docs/3.3/css/#grid
Ответ написан
Комментировать
Комментировать
@Yuxus 
<div class="row">
    <div class="col-xs-6"></div>
    <div class="col-xs-6"></div>
</div>
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Анимация логотипа
24 апр. 2024, в 00:08
20000 руб./за проект
Разработка дизайна раздела «Статьи» на сайте «Мир отходов»
23 апр. 2024, в 23:01
10000 руб./за проект
Дизайн личного кабинета (клиентская часть)
23 апр. 2024, в 22:37
500 руб./в час
Ещё заказы