Twig группировки элементов в зависимости от разрешения

Question

У меня есть цикл for, который перебирает элементы div и группирует их, используя пакет, мой размер группировки должен меняться в зависимости от разрешения, поэтому для мобильного пакета должно быть 1, а на рабочем столе должно быть 4 с шагом увеличения до разрешения.

Как мне добиться этого в ветке / друпе?

{% for column in items|batch(4) %}
                <div {{ attributes.addClass('swiper-slide').removeClass(classes, 'field--items', 'swiper-wrapper') }}>
                    {% for item in column %}
                        <div{{ item.attributes.addClass('field--item') }}>{{ item.content }}</div>
                    {% endfor %}
                </div>
            {% endfor %}

Answer 1

Twig работают на стороне сервера, он не может знать разрешение устройства. Вы можете использовать библиотеку для обнаружения устройства пользователя по его User-Agent в заголовке запроса , например http://mobiledetect.net/

---

Если вы работаете над адаптивным проектом, рассмотрите возможность использования запросов CSS @media для нескольких разрешений.