img-responsive不是中心

Question

我需要一些帮助。
img-responsive不会以此代码为中心。

div.container-main {
    margin-left: auto; 
    margin-right: auto; 
    text-align: center;
}

然后HTML代码就是这个

  <div class="container-main">  
  <section class="main">
        <img class="img-responsive" src="img/bio.png" alt="Microscópio Óptico">
  </section>

有帮助吗？我已经看过this one但我没有为我工作过。
没有img-responsive，它的工作非常出色。
我正在使用Bootstrap。

Answer 1

这是一个非常简单的解决方案。由于Bootstrap的.img响应已经设置了display: block，因此您可以使用margin: 0 auto将图像居中：

.img-responsive {
    margin: 0 auto;
}