Bootstrap列div的響應式尺寸與img

Question

所以我有一些產品盒在推拉式網格流體容器中，並且內部有帶產品圖片的img標籤。

<div class="col-xs-6 col-sm-4 col-md-3 col-lg-3"> 
    <div class="product-item"> 
    <img class="product-image" src="images/product-placeholder.jpg"> 
    </div> 
    </div> 

現在，當您減小視口的寬度時，img將分別縮放到列大小。

現在我的問題是，你可以和有一個正確的方式來替換img標籤與div標籤，並給它一些樣式，它縮放屏幕寬度時，img縮放同樣好。

Answer 1

附加位置絕對格

<div class="col-xs-6 col-sm-4 col-md-3 col-lg-3"> 
    <div class="product-holder"> 
    </div> 
    </div> 

和css是

*.product-holder{ 
    position:absolute; 
    top:0; 
    bottom:0; 
    left:0; 
    right:0; 
    width:100%; 
    height:100%; 
    }