中心对齐div中的图像与Twitter中的媒体类型Bootstrap 3.0

Question

我正在使用Bootstrap 3.0。我有以下2列的div设置编码为这样：

<div class="container"> 
    <div class="row"> 
    <div class="col-md-6" id="leftHeader"><a href="#"><img src="image.gif" class="img-responsive" /></a></div> 
    <div class="col-md-6" id="rightHeader">TEST2</div> 
    </div> 
</div> 

当浏览器窗口被改变为更小的尺寸或该网站是在移动设备上使用的，我想在leftHeader图像内容到中心在div中，右边的文本也以div为中心。 Bootstrap自动堆叠2列，这是所需的结果。

我可以用下面的代码居中在rightHeader文：

@media screen and (max-width: 820px) { 
    #rightHeader{ 
    text-align:center; 
    }  
} 

不过，我似乎无法得到leftHeader居中我的形象。有任何想法吗？

Answer 1

你可以试试这个：

@media screen and (max-width: 820px) { 
    #leftHeader > a > img { margin: auto; } 
} 

It's working here（在小提琴加边境仅看到容器）。