Cargando

Ir a contenido

X

Problemas clase img-responsive





Solución elegida por el autor
Iniciado por Felipe35 , 08 mayo 2015 - 18:56

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



  AUTOR PREGUNTA

Publicado 08 mayo 2015 - 04:27

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?

 

  • ¿Tienes la misma pregunta? Yo también
  • Volver arriba


 

Publicado 08 mayo 2015 - 18:55

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



   AUTOR PREGUNTA

Publicado 08 mayo 2015 - 18:56

Si, todo esta bien en ese apartado



 

Publicado 08 mayo 2015 - 18:56

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



   AUTOR PREGUNTA

Publicado 11 mayo 2015 - 01:04

Eso lo soluciono:startle:  gracias Felipe!




X