Img-responsive not centered
I need help.
img-responsive is not centered with this code.
div.container-main {
margin-left: auto;
margin-right: auto;
text-align: center;
}
Then the HTML code is
<div class="container-main">
<section class="main">
<img class="img-responsive" src="img/bio.png" alt="Microscópio Óptico">
</section>
Any help? I've seen this one before but didn't work for me.
Without img responsive, it works great.
I am using Bootstrap.
+3
ElGatoSaez
source
to share
1 answer
This is a nice decision. Since the .img tip from Bootstrap already installs display: block
, you can use margin: 0 auto
to center the image:
.img-responsive {
margin: 0 auto;
}
+1
Neophyte Polyhistor
source
to share