Tengo este código donde pongo las columnas en una grid
de bootstrap
4,
<div class="row">
<div class="col-lg-1 col-md-5 col-sm-5 col-xs-5">
<img src="local.png">
</div>
<div class="col-lg-5 col-md-7 col-sm-7 col-xs-7">
Dirección<br>
Pruebas 1234
</div>
<div class="col-lg-1 col-md-5 col-sm-5 col-xs-5">
<img src="telefono.png">
</div>
<div class="col-lg-5 col-md-7 col-sm-7 col-xs-7">
Teléfono<br><b>900 XXX XXX</b>
</div>
</div>
Esto en dekstop hace lo siguiente (lo muestra todo en un row
):
local.png | Dirección | Telefono.png | Teléfono 900 XXX XXX
Pero en formato mobile es decir cuando sea col-sm-5 o col-xs-5
lo que quiero es que después de "dirección" haga un salto y quede de esta manera:
local.png | Dirección
Telefono.png | Teléfono 900 XXX XXX
Creo que había alguna clase que le podías decir esto, pero no consigo encontrarla.
Adjunto una captura del resultado que tengo ahora y del resultado que espero
Gracias.
col-tamaño-12
DataTables
. Se integra conBootstrap
, te ahorra tiempo y queda con un diseño muy agradable a la vista. Documentación datatables.net/extensions/fixedheader/examples/integration/… Inspecciona el ejemplo con las herramientas de desarrollo de Chrome.