Перейти к содержимому


Фотография
- - - - -

Плавное уменьшение числа колонок в демо авто

адаптивный дизайн

Сообщений в теме: 3

#1 allexx

allexx

Отправлено 21 March 2016 - 00:55

Здравствуйте, уважаемые участники форума!

 

Может кто знает, как настроить каталог демо авто, чтобы при уменьшении разрешении экрана, колонки в категориях

адаптировались постепенно. В данный момент с четырех колонок сразу происходит переход в одну. 

 

 В демо game колонки адаптируются плавно 4-2-1. Есть ли возможность каким-то образом перенести нужный код из 

game в авто. Спасибо!

 


  • 0

#2 SmetDenis

SmetDenis

Отправлено 21 March 2016 - 10:46

Вам стоит прочитать про работу grid и media query

в bootstrap - https://getbootstrap.../examples/grid/

или uikit - http://getuikit.com/docs/grid.html

 

Возможно эти две статьи будут полезны вам

http://jbzoo.ru/docs...ize-like-demo-1

http://jbzoo.ru/docs...ize-like-demo-2


  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.


#3 allexx

allexx

Отправлено 22 March 2016 - 00:47

Спасибо. Очень благодарен за ссылки на полезные ресурсы.

 

Я, вероятно, не совсем правильно задал вопрос. Дело в том, что в демо авто все шаблоны (и Уикит и Будстрап и Будстрап Авто) адаптируют колонки

одинаково: 4-1. И напротив - в демо games все шаблоны адаптируют колонки 4-2-1. Т.е. \media\zoo\applications\jbuniversal\templates\любой шаблон кастомизировать у меня не получилось. Может в шаблонах Т3 есть какие настройки? 


  • 0

#4 alexmixaylov

alexmixaylov

Отправлено 22 March 2016 - 09:14

в шаблонах Т3 навряд ли есть какие то настройки для jbzoo

 

если вас интересует кастомизация компонента jbzoo

то и править нужно шаблоны вывода jbzoo

 

почитайте http://getbootstrap.com/css/#grid

сейчас русский сайт лежит почему то

 

обратите внимание на col-md-** col-sm-** col-xs-**

это то что вам нужно знать

потратите пол часа и обегчите себе задачу


  • 1





Темы с аналогичным тегами адаптивный дизайн

Click to return to top of page in style!