lundi 20 avril 2015

img-resposive doesn't work

I'm using bootstrap 3 in the latest release - 3.3.4 - and unfortunately the .img-responsive class isn't working properly. I tried everything, even .col-md-12 along with .img-responsive and nothing.

HTML:

<header class="container" id="container">
  <div class="row">
    <section class="col-md-3">
        <a href="#">
            <img class="img-responsive" src="http://ift.tt/TqWtKq" alt="..." />
        </a>
    </section>
    <section class="col-md-9">
      <p>something else...</p>
    </section>
  </div>
</header>

CSS:

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

You can see the live preview here.

@edit

The image is over the container - the red part - that is the reason for the question, .img-responsive was supposed to resize the image to make it fit, but it doesn't.

Aucun commentaire:

Enregistrer un commentaire