orden de columnas a mostrar
Publicado por Cristian (41 intervenciones) el 18/06/2020 19:28:34
Hola a todos...
Tengo una estructura asi en Bootstrap:
De esta forma se muestra un texto, y una imgen a la izquierda. Abajo una imagen y el texto. Hasta aca bien, el tema es en cuando pasa a tamaño movil necesito mostrar, texto, imagen, texto imagen y no juntar las dos imagenes seguidas. Como puedo hacer para cambiar el orden cuando se achica.
No se si me explico bien.
Gracias
Tengo una estructura asi en Bootstrap:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<div class="container p-5">
<div class="row">
<div class="col-lg-6 col-sm-12 p-3">
<h3>Texto</h3>
</div>
<div class="col-lg-6 col-sm-12 p-3">
<img src="image/imagen.jpg" class="img-fluid img-thumbnail" alt="">
</div>
</div>
</div>
<div class="container p-5">
<div class="row">
<div class="col-lg-6 col-sm-12 p-3">
<img src="image/imagen.jpg" class="img-fluid img-thumbnail" alt="">
</div>
<div class="col-lg-6 col-sm-12 p-3">
<h3>Texto</h3>
</div>
</div>
</div>
De esta forma se muestra un texto, y una imgen a la izquierda. Abajo una imagen y el texto. Hasta aca bien, el tema es en cuando pasa a tamaño movil necesito mostrar, texto, imagen, texto imagen y no juntar las dos imagenes seguidas. Como puedo hacer para cambiar el orden cuando se achica.
No se si me explico bien.
Gracias
Valora esta pregunta


0