中心對齊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（在小提琴加邊境僅看到容器）。