21/12/2018, 14:13
|
| | Fecha de Ingreso: mayo-2014 Ubicación: madrid
Mensajes: 27
Antigüedad: 10 años, 6 meses Puntos: 1 | |
imagenes responsive de diferente tamaño dentro de divs de 200px con bootstrap Hola a todos.
Estoy haciendo una web utilizando bootstrap 4 y por tanto quiero que sea todo fluido etc..
llevo dias atascado en lo siguiente sin que me salga como debe:
<div>
<img src... bla bla>
</div>
La anchura del div viene determinada por la clase col-sd-7 y col-12 en funcion de la resolucion. Pero la altura del div siempre sera 200px.
lo que quiero es que la imagen ocupe todo el div sin deformarse y teniendo en cuenta que la gente subira fotos de diferentes tamaños y resoluciones no se que tengo que hacer para que se vean todas bien.
No me importa que al ajustarse la imagen el div tape los margenes de las imagenes siempre y cuando la imagen salga centrada tanto verticalmente como horizontalmente.
Alguien puede ayudarme??
GrACIASSSSSS de antemano |