Jump to content


Photo
- - - - -

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

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

3 replies to this topic

#1 allexx

allexx
  • JBZoo User (rus)
  • User rate: ~
  • posts: 6
  • topics: 2

Posted 21 March 2016 - 00:55

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

 

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

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

 

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

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

 


  • 0

#2 SmetDenis

SmetDenis
  • Administrators
  • User rate: 139.4
  • posts: 16232
  • topics: 200

Posted 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
  • Topic Starter
  • JBZoo User (rus)
  • User rate: ~
  • posts: 6
  • topics: 2

Posted 22 March 2016 - 00:47

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

 

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

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


  • 0

#4 alexmixaylov

alexmixaylov
  • JBZoo User (rus)
  • User rate: 7.7
  • posts: 679
  • topics: 142

Posted 22 March 2016 - 09:14

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

 

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

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

 

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

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

 

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

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

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


  • 1





Also tagged with one or more of these keywords: адаптивный дизайн

Click to return to top of page in style!