我使用bootstrap 3.0创建一个网站。我是新来的bootstrap。我想要的，我想要的图像在div的中心，当浏览器大小是特别小的我有这个代码。
<div class="col-lg-10 ccol-lg-offset-1 col-md-12 col-sm-12 ">
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
<img src="images/2.png" class="img-responsive" />
<p class="text-center"><a href="javascript:void(0);">Taj Group</a></p>
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
<img src="images/2.png" class="img-responsive" />
<p class="text-center"><a href="javascript:void(0);">Taj Group</a></p>
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
<img src="images/2.png" class="img-responsive" />
<p class="text-center"><a href="javascript:void(0);">Taj Group</a></p>
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
<img src="images/2.png" class="img-responsive" />
<p class="text-center"><a href="javascript:void(0);">Taj Group</a></p>
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
<img src="images/2.png" class="img-responsive" />
<p class="text-center"><a href="javascript:void(0);">Taj Group</a></p>
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
<img src="images/2.png" class="img-responsive" />
<p class="text-center"><a href="javascript:void(0);">Taj Group</a></p>
</div>
解决方法
您可以创建一个新的CSS类，如：
.img-center {margin:0 auto;}
然后，将其添加到每个IMG中：
<img src="images/2.png" class="img-responsive img-center">
或者，只要覆盖.img – 响应，如果你要使所有图像居中。
.img-responsive {margin:0 auto;}
编辑：随着Bootstrap 3.0.1的发布，现在可以使用中心块类，没有任何额外的CSS ..
<img src="images/2.png" class="img-responsive center-block">
