Можно ли как то поменять местами колонки при изменении размера экрана?

Question

[Анатолий Филиппов]

Ситуация такая. Получил сайт который надо превратить в адаптивный. Сейчас там ситуация такая, что есть три колонки col1,col2,col3. При этом по структуре они стоят так: col1,col3,col2
Стоит задача у меня такая: при уменьшении экрана (медиа ли запросом или через window.resize) нужно чтобы сначала шла основная колонка col2, потом col1, потом col3.
Выдранная страничка с этого сайта тут: mistxs.ru/ston

Нашел вот такой пример на просторах - но под мои задачи не подходит:
http://jsfiddle.net/9kvqa4rx/1/

Answer 1

[Денис Инешин]

Вам поможет Flexbox, он умеет управлять очередностью элементов.

Answer 2

[Александр Борисович]

бутстраповские гриды.

Смотрите как работает "Offsetting columns" и "col-md-pull"

getbootstrap.com/css/#grid

Хотя у вас вертикальный порядок. Нужно проверять.
stackoverflow.com/questions/27432398/vertical-orde...