![](https://site-cloud-files.bitrix.info/resize_cache/1318619/7acf4cadf975128573a8b1c2766af5d8/main/115/115ad49bfc2b48e9ca47778f9589f4df/PYqZCo2QiQo.jpg)
Кому-то это может показаться мелочью, но точно не контент-менеджеру (или веб-мастеру), который теперь сможет:
- спокойно выводить абсолютно разные списки (блоки, плитки, слайдеры) независимо от формата отображения элементов в них,
- легко устанавливать: количество колонок, количество элементов в списках, количество элементов при разных разрешениях.
Несколько наглядных примеров.
Вот так сейчас выглядит концентратор на демо-сайте:
![5_elements.png](https://site-cloud-files.bitrix.info/resize_cache/1319983/dc2b6d012e7c62e96afcf2287a99e02d/main/f35/f350a23e9b815ffbf16037d6c9191e4d/5_elements.png)
В настройках компонента установлена 10-колоночная сетка и вывод 5 элементов при данном разрешении.
![elements_quantity.png](https://site-cloud-files.bitrix.info/main/e61/e614b6b6b80cb9d9521f88115f90bf78/elements_quantity.png)
Ну, а если вы захотите вывести всего 3 товара при разрешении LG, MD и SM, а при XS - 1 товар (например, создали новую широкую карточку для элементов, либо в разделе всего 3 товара), вы можете поменять эти настройки и сразу же увидите изменения на сайте.
LG, MD, SM
![3_elements.png](https://site-cloud-files.bitrix.info/resize_cache/1319985/dc2b6d012e7c62e96afcf2287a99e02d/main/9b5/9b5a3502e2908764985293f11d9eeca7/3_elements.png)
XS
![XS.png](https://site-cloud-files.bitrix.info/main/27f/27f109650c48b94f480701a7e256580e/XS.png)
Кстати! с редакции 15.5 практически все компоненты Битрикс работают на базе Bootstrap. Причем сетка используется в 12 колонок.
Это не всегда удобно. К примеру - в одноколоночном дизайне очень классно смотрятся именно пять товаров в ряд, чего в принципе невозможно сделать, используя 12 колоночную сетку. Тем не менее... Мы эту задачку решили.И не просто решили, теперь у каждого из вас есть возможность использовать адаптивность компонент как в 12, так и в 10 колоночном варианте
Возможность применять 12 и 10 колоночные сетки в процессе настройки - это с виду незаметная, но очень мощная фишка, которая может развязать руки веб-мастерам.
Но списки элементов - это еще не все.
Помимо основных компонентов списков, настроить адаптивность можно и у всплывающего меню (при установленном в нем многоколоночном выводе).
![responsive.png](https://site-cloud-files.bitrix.info/main/5ca/5ca0912d464311fa33c58335b8e60f7b/responsive.png)
LG
![LG.png](https://site-cloud-files.bitrix.info/resize_cache/1319991/dc2b6d012e7c62e96afcf2287a99e02d/main/b12/b1254df78fde95cd7e3146e3fdd0b3f2/LG.png)
MD
![MD.png](https://site-cloud-files.bitrix.info/resize_cache/1319989/dc2b6d012e7c62e96afcf2287a99e02d/main/da9/da950f37672eb87fd4cc9867aefebd15/MD.png)
Это также особенная фишка нашего проекта. Про меню мы напишем еще специальные статьи, но с точки адаптивности - оно тоже продумано.
Решение
А теперь важное резюме:
Мы так привыкли к термину адаптивность, что уже забываем про дословный перевод Responsive Design.
Так адаптивность или отзывчивость?
![С улыбкой :)](/upload/main/smiles/3/bx_smile_smile.png)
Не будем ломать голову.
С нашим решением вы можете адаптировать свой контент под различные устройства,
а отзывчивость со стороны настроек компонентов мы вам уже обеспечили.