Адаптация к ширине

Компоновка, как и другие настройки оформления, может быть переопределена на любом диапазоне ширины блока или экрана. Например, на широком экране факты могут быть выведены в 4 плитки, на среднем в две, а на совсем маленьком - слайдером.

При определении диапазонов вы не ограничены стандартными точками перехода 1024, 768, 480 и пр., вы можете задавать свои точки. Чтобы добавить произвольную точку перехода, ниже которой у блока будут другие настройки, в настройках оформления блока наведите на область под двойной стрелкой и нажмите на появившийся плюс. В появившемся окне введите значение (например, 768). После этого под двойной стрелкой появится новая колонка, которая означает диапазон (в примере ниже это диапазон от 1 до 768 пикселей).

Нажатие мышкой на пересечение строки “Компоновка” и диапазона (на картинке выше показаны три диапазона: 0-768, 769-1024 и 1024 и выше) вызовет открытие настройки компоновки для этого диапазона. Наличие точки означает, что для этого диапазона установлены настройки компоновки, отличающиеся от настроек верхнего диапазона. Если в диапазоне нет точки, будут использованы настройки компоновки с верхнего диапазона.

На картинке выше компоновка определена для двух верхних диапазонов. Нажмем на пересечение строки "Компоновка" и нижнего диапазона. Мы увидим значение, унаследованное с верхнего диапазона. Его можно изменить, и для нижнего диапазона значений будет применена настроенная нами компоновка.