Как сделать такое расположение в бутстрап?

Question

[Gallows-bird]

Нужно чтобы на мобильной версии картинка встала между верхним и нижним текстом. Как это сделать? Order не сработает, так как картинка и тексты находятся в разных блоках. А если все объекты в один row вставить, чтобы можно было оперировать orde, тогда как их группировать на десктопе так как нужно? Мне кажется ответ на поверхности но я уже очевидного не вижу

Answer 1

[origami1024]

Можно сделать две картинки - на разных разрешениях скрывать/показывать нужную

Comments

[Gallows-bird]

Думал об этом. Думал также о position. А нельзя это как то более элегантно сделать?

[origami1024]

Так более элегантно, чем через position, с точки зрения адаптивности.
Может чуть более элегантно будет перемещать картинку от одного родителя другому через js.
А чтобы чисто css, реально элегантно, скорее всего нельзя никак, сам хочу узнать

[origami1024]

А если все объекты в один row вставить, чтобы можно было оперировать orde,

В принципе можно так
https://codepen.io/origami1024/pen/ZEzMaxW

[Gallows-bird]

origami1024, аааа, через wrap. Как вариант. Спасибо!