Html 引导响应div中的CSS居中图像

我试图得到一个图像集中在一个响应div

右边的对齐是正确的，因为窗口很宽，但是当div跳到下一个级别时窗口缩小了，我希望图像显示在中间。目前使用几种方法，我根本无法让它从左边移动

HTML文件

<div class="col-xs-12 col-md-8">.col-xs-12 .col-md-8</div>

<div class="col-xs-6 col-md-4"> 
    <img>...</img> <!-- the img i am trying to center -->
</div>

.col-xs-12.col-md-8
... 

我试过了

margin:0自动和其父项上的
relative
不起作用

或者，我尝试了在引导中集中内容的假定方法：

img上的
class=“img响应中心块”
其中的一个也不起作用

我是不是漏掉了什么？
好吧，我知道了。我犯了一个错误，为响应网格使用了不正确的类

更改：

<div class="col-xs-12 col-md-8">.col-md-8</div>

<div class="col-xs-6 col-md-4"> 
    <img>...</img> <!-- the img i am trying to center -->
</div>

.col-md-8
... 

至：

<div class="col-md-8">.col-md-8</div>

<div class="col-md-4"> 
    <img>...</img> <!-- the img i am trying to center -->
</div>

.col-md-8
... 
是。您需要将
text align:center
应用于包含div的部分-将
text center
添加到您的div中，然后您的
边距：0自动将起作用。以下是更新的fiddle:@cale_位绝对位于它所包含的div的中心。但该div仅为可用空间宽度的33%——您希望它位于可用空间全宽度的中心吗？（col-md-4告诉它使用12列中的4列，或可用空间的33%）。此外，您将图像设置为可用宽度的100%，因此，虽然图像“居中”，但它填充了大部分div。我希望img显示在可用空间的中心。是的，我认为当单元格向下移动时，它假定为全宽div大小。这显然是我的问题，但我仍然不完全确定如何纠正这一点@在你的班上为那个分区定一个刻度盘（
col-sm-12 col-xs-12
）。