Bootstrap在div內部放置一個圖像但不調整大小

Question

我需要將圖像放在div內。我知道有img響應中心塊類，但他們調整給定的圖像出於某種原因。有沒有辦法達到同樣的目標，但沒有尺寸扭曲。

注意：包含div是給定類的引導列：hidden-xs col-lg-9 col-md-6 col-sm-6。

謝謝

Answer 1

CSS是我的朋友

你可以試試這個CSS類

HTML

<img class="centerd-image" src=""> 

or 

<div class="centerd-image"> 
     <img src=""> 
</div> 

CSS

.centerd-image { 
    margin: 0; 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    margin-right: -50%; 
    -moz-transform: translate(-50%, -50%); 
    -ms-transform: translate(-50%, -50%); 
    -o-transform: translate(-50%, -50%); 
    -webkit-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%); 
} 

Answer 2

使用CSS的IMG類作爲

width: --%; 
margin-left:auto; 
margin-right:auto;