[Leire Martinez]

Estoy trabajando con Bootstrap en su version 3.3.4 y no entiendo porque la clase img-responsive no me funciona correctamente, he tratado todo incluso acompañando la misma con col-md-12 y nada, les dejo mi codigo:

<header class="container" id="container">
 <div class="row">
   <section class="col-md-3">
       <a href="#">
           <img class="img-responsive" src="enlace" alt="..." />
       </a>
   </section>
   <section class="col-md-9">
     <p>Contenido</p>
   </section>
 </div>
</header>

Y este es el CSS:

#container {
   height: 60px;
   background-color: red;
}

Alguna sugerencia para solucionar esto?

 

[Borja]

No encuentro ningun error en tu codigo, seguro que tienes las librerias y dependencias de Bootstrap cargadas de manera correcta?

[Leire Martinez]

Si, todo esta bien en ese apartado

[Felipe35]

necesitas eliminar   height: 60px; en tu CSS, solo debe quedarte asi:

#container {      background-color: red;
}

Ya que el tamaño de la imagen puede variar y el contenedor tendria un tamaño fijo que hace que no te funcione la clase. saludos

[Leire Martinez]

Eso lo soluciono:startle:  gracias Felipe!