0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 332 Просмотров
*

helpmeplz

  • Новичок
  • 5
  • 0 / 0
Вывод категорий
« : 15.05.2019, 10:51:36 »
Здравствуйте :D

Подскажите можно ли сделать вывод категорий в мобильной версии сайта не в один столбец, а в три? (имеется ввиду три картинки категорий в ряд, дальше под ними еще три картинки)
Сейчас в разрешении <768px картинки категорий идут в один столбец, друг под другом и их очень неудобно скроллить, хотелось бы сделать как-то покомпактнее.

Есть ли какое- то решение?
Если менять значения col сетки бутстрапа, например на xs-4, то картинки выводятся три в ряд, но все очень криво:
- так как стоит вывод 4 картинок в ряд для десктопной версии, то в мобильной он выводит 3 в ряд и 4ую на следующий ряд, дальше пустое место
- также появилась белая полоса справа
Вот код
Спойлер
[свернуть]
« Последнее редактирование: 15.05.2019, 10:57:04 от helpmeplz »
*

sivers

  • Завсегдатай
  • 1820
  • 247 / 0
Re: Вывод категорий
« Ответ #1 : 15.05.2019, 11:02:19 »
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

effrit

  • Легенда
  • 10069
  • 1107 / 13
  • effrit.com
Re: Вывод категорий
« Ответ #2 : 15.05.2019, 11:08:55 »
вместо col-sm-4 col-md-4 col-lg-4
пишем
col-4
а потом разбираемся, что распирает колонку на узком экране
*

helpmeplz

  • Новичок
  • 5
  • 0 / 0
Re: Вывод категорий
« Ответ #3 : 15.05.2019, 11:12:27 »
http://htmlbook.ru/css/column-count
вместо col-sm-4 col-md-4 col-lg-4
пишем
col-4
а потом разбираемся, что распирает колонку на узком экране
Спасибо! вроде разобрался
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться