Bootstrap使用img-responsive后的图片布局问题

利用Bootstrap设计网站的时候，经常会使用imp-responsive类来实现响应式图片。如果此时需要进行图片位置的调整，有哪些方法呢？

尝试在图片所在的div类中更改ext-align属性

HTML:

...

<div class="col-md-6">
            <img class="img-responsive" width="150px" height="150px" src="imag/logo.jpg" alt="logo">

 </div>

CSS:

div

{

text-align:center;

}

刷新后图片依然在左侧，无法实现居中。

利用开发工具发现@media中默认float：left;

查找资料发现，如果图片添加了img-responsive类，如果需要将图片居中的话需要再为图片添加center-block类，而且此类必须添加在img标签里，放在父容器div中没有作用。