Как сделать группы блоков становящихся в ряд на разных разрешениях?

Question

[Arris1]

Добрый день!
Имеем несколько групп элементов, например 4, в каждой элементы выстроены горизонтально в ряд.
При уменьшении разрешения экрана они начинают сворачиваться в вертикальные ряды, каждая группа на своем отдельном разрешении. Например на разрешениях 1100px, 1000px, 900px, 800px. Разрешения не соответствуют стандартам бустрапа по умолчанию ( 768px, 992px, 1200px).
Подскажите, как реализовать на бутстрапе.

Answer 1

[Виктор Таран]

смотри тут
чистый bootstrap и две ифки в php
https://www.mydefile.ru/catalog/
два дива каждый третий и четвертый див.
Вариантов много, но это или js или куча css
текущий вариант будет работать 100% на любых устройствах
А для программиста два легчайших условия.

Comments

[Arris1]

а без js как?

[Виктор Таран]

Arris1, Ну как бы вам сказать на сайте там есть еще пара других технологий, и догадайтесь на каком языке работают с выборками в каталоге их фильтрациями и выводом?
Ага есть и такие люди, так вот просто это делают уже не верстаки.
php. Если вы в курсе как делается интеграция в движок, то вы поймете что для программиста это приблизительно как два пальца об асфальт, тем более ему нужно просто подсчитывать каждый 3 и вставлять кусок статического кода не имеющего графического отображения.
и каждй 4 там уже в зависимости от вашего дизайна.
это ваще изи.

<?php
                if (($key+1)%3 == 0){echo('<div class="col-lg-12 visible-lg"></div>');}
                if (($key+1)%2 == 0){echo('<div class="col-xs-12 hidden-lg"></div>');}
            } elseif ($_SESSION['yum_last_state']['viewmode']=='list') {?>

Как-то так, тут все зависит от движка, данный пример на битрикс.

[Arris1]

интересно. спасибо

[Виктор Таран]

Arris1, плюс в том что чистый бутстрап без костылей, плюс стабильность работы.
А в коде всегда куча ифок ему плюс одна никак не повлияет, да и легкий хит.
Но это не единственный вариант, это тот которым пользуюсь я. Поскольку трепетно отношусь к загаживанию кода.