В настольном компьютере мне нужна сетка, состоящая из трех столбцов, левой и правой боковой панели с конечным содержимым и центральной бесконечной подачей содержимого. Три столбца заполнены элементами разной высоты. Я хочу, чтобы при размещении контента на мобильных устройствах компоненты боковых панелей и канала чередовались. Как я мог этого добиться? Если возможно, без использования JS (Просто Bootstrap и / или CSS).
Я пытался с bootstrap. Основная проблема заключается в том, что компоненты имеют разные размеры.
Я прилагаю изображение, чтобы объяснить, что я ищу. Числа изображают желаемый порядок элементов в мобильной раскладке.
![Layouts](https://i.stack.imgur.com/4ZILl.png)