Как поменять местами 2 div?

Question

[xxvxx]

есть такая структура

<div class="test">
   <div class="test-1"></div>
   <div class="test-2"></div>
   <div class="test-3"></div>
</div>
<div class="blok"></div>

Как поменять местами div=test-2 и div=blok
при том что размеры не фиксированные и они должны меняться местами при разрешении 500px

Comments

[Сергей delphinpro]

без js никак, разумеется.
а на js просто берем и меняем...

[xxvxx]

Сергей: у меня с js очень плохо я делал как добавлял еще 1 блок туда куда нужно и при разных разрешениях 1 скрывал другой показывал но данный способ не подходит так как там формы и идет конфлик (формы генерируются cms) я нашел несколько примеров где это можно сделать на js но там нечего про разрешение

Answer 1

[whoisthere]

FlexBox — там есть свойство ORDER.
С его помощью можно менять порядок.

Comments

[xxvxx]

Спасибо!!!

[Сергей Тутуков]

xxvxx: есть еще один способ, через позиционирование.
https://itchief.ru/lessons/bootstrap-3/85-bootstra... - на примере bootstrap (работает в древних браузерах, в отличие от flex)

[xxvxx]

Сергей Тутуков: нет данный способ не походит обрати внимание на структуру, через FlexBox у меня вроде получилось на примере, пробовать буду в понедельник