Clever Geek Handbook

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


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


source






More articles:


All Articles