CSS - Ajustar imagen a alto de columna

   
Vista:

Ajustar imagen a alto de columna

Publicado por Daniel (3 intervenciones) el 01/09/2016 12:51:36
Hola a todos, estoy empezando con CSS y bootstrap, estoy editando la plantilla por defecto, quiero poner una imagen que ocupe el ancho de la columna, pero no lo logro.
Este es el código HTML
1
2
3
4
5
6
7
<div class="col-md-4">
    <h3>Servicios Web<small>Diseño y programación</small></h3>
    <div class="containerFotoPortfolio">
        <img src="@Url.Content("~/Images/Portfolio/Diseno-Web.jpg")" alt="diseño web" class="">
    </div>
    <p>aaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaa aaaaaaaaaaaaaaaa aaaaaaaaaaaa</p>
</div>

Lo único que he añadido es el div class="containerFotoPortfolio"

que es:
1
2
3
.containerFotoPortfolio {
max-width: 100%;
}

La idea es que la imagen use el 100% de la columna formada en col-md-4, pero si es más ancha se sale por la derecha de esta..

Muchas gracias.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

Ajustar imagen a alto de columna

Publicado por xve (409 intervenciones) el 01/09/2016 15:34:46
Tienes que ponerle el width a la imagen, no al contenedor, o indicar al contenedor que si sobrepasa se esconda (overflow)
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar

Ajustar imagen a alto de columna

Publicado por Daniel (3 intervenciones) el 01/09/2016 16:44:48
Muchas gracias. La solución que he usado es poner el width en la imagen.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar