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
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?
Si, todo esta bien en ese apartado
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
Eso lo soluciono:startle: gracias Felipe!