Я создаю интерфейс страницы поиска на сайте электронной коммерции.
Я хочу поэтапно уменьшать количество элементов, отображаемых на экране, по мере того, как экран становится меньше, как у Amazon.
/>Я также хочу исправить лишние пробелы, занимаемые, когда в первой строке содержится 6 элементов, а во второй строке только 4 элемента.
Как я могу решить проблему??
Я использую Bootstap@5.3.
Вот что я хочу сделать
- В полноэкранном режиме: 1920 пикселей Я хочу отображать 6 элементов в строке
- 1575 пикселей >=: отображать 5 элементов в строке и скрывать 1
- 1270 пикселей >=: отображать 4 на строке выровнять и скрыть 2 в строке
- 970 пикселей >=: Отобразить по 3 в строке и скрыть 3
- 670 пикселей >=: Отобразить по 2 в строке и скрыть 4 в строке
-
Источник: https://stackoverflow.com/questions/781 ... -screen-is
