tengo algo asi
<div className="Image"><div><div className="Text"><div> <div className="Text"><div><div className="Image"><div> <div className="Image"><div><div className="Text"><div>¿Cómo intercambiar contenido entre mis divs cuando el dispositivo es móvil?
¿Hay algún truco para ello? ¿O debería volver a escribir un código para el móvil? Yo uso bootstrap y flex box.
Usando Flexbox , puede usar orden .
.container{ display:flex; } .order-1{ order:1; } .order-2{ order:2; } .order-3{ order:3; } @media(min-width:992px){ .order-lg-1{ order:1; } .order-lg-2{ order:2; } .order-lg-3{ order:3; } } <div class="container"> <div class="order-3 order-lg-2">A</div> <div class="order-2 order-lg-1">B</div> <div class="order-1 order-lg-3">C</div> </div>div es originalmente display: block. Es posible que deba colocar un div externo para envolver los tres div que tiene y aplicar display: flex.
div{ display: flex; flex-wrap: wrap; } <div class="container"> <div className="Image">image<div> <div className="Text">text<div> <div className="Image">image<div> </div>Cuando reduzca el tamaño de la pantalla, los elementos se mostrarán en columnas.