Всегда сосредоточенные отзывчивые изображения

Question

Я хочу реализовать следующее. Представим себе 6 фирменных логотипов, вертикально размещенных на рабочем столе. Когда я смотрю сайт на планшете (или сокращаю браузер вручную), 2 логотипа компании переходят к следующей строке, но я хочу, чтобы они были центрированы. И не плавают влево, как это делают все сетевые системы. Возможно ли это как-то? Особенно с Bootstrap?

Моя теория заключается в том, что если бы я мог знать, какие изображения находятся во второй строке, я мог бы подсчитать смещение слева и переместить изображения с помощью js в центрированное положение. Но только, если это необходимо, поэтому, если 3 изображения переходят в новую строку, все в порядке, ничего общего с ними. Я прав?

Не найдено ни одного решения или плагина, узнавших эту функцию.

Answer 1

Для этого можно использовать Javascript, но лучше было бы делать это чаще всего с помощью ответных контрольных точек. Поэтому, если ваши классы сетки рабочего стола - col-md-2, и при переходе на размер планшета два прыжка вниз, обычно лучше всего сделать логотипы col-sm-4, сделав по 3 логотипа в каждой строке.

Если вы заметили только 2 изображения, прыгайте на планшет, вы также можете добавить col-sm-6 только к последним двум, чтобы потенциально центрировать эти изображения в следующей строке.