如何將與引導程序和css相關的圖像置於中心

Question

我試圖對圖像居中，但經過一些嘗試後，我無法使其正常工作。顯然，我所做的更改沒有生效。圖像的代碼下面

<div class="col-md-4 col-sm-3 team-grid team-grid1 animated wow slideInUp" data-wow-delay=".5s"> 
    <img src="images/shane-de-abreu-arquetipo-shane.jpg" alt="Shane de Abreu" class="img-responsive" /> 
    <div class="p-mask"> 
     <h4>Shane de Abreu</h4> 
     <ul> 
      <li><a class="podbean" href="http://arquetiposhane.podbean.com"></a></li> 
      <li><a class="facebook" href="https://www.facebook.com/arquetiposhane"></a></li> 
      <li><a class="youtube" href="https://www.youtube.com/channel/UCj6b5dpMH0RXAEpJV6fN-bQ"></a></li> 
     </ul> 
    </div> 
</div> 

因爲我是新手，我不知道是哪個文件，我應該申請變更和檢查我意識到，這是關係到CSS（style.css文件）和Bootstrap元素後（自舉的CSS）。所以我嘗試將W3S推薦的代碼添加到這些文件中，我將其放在下面。

img { 
    display: block; 
    margin: auto; 
} 

問題是我不知道我究竟在哪裏放置它，所以我做了一些嘗試，但沒有成功。我試圖改變以下

} 
.team-grid{ 
    position:relative; 
    overflow: hidden; 
} 

另外，team-grid設置，通過改變team-grid1設置

.team-grid1,.team-grid2{ 
    margin-bottom:20px; 
} 

而且試圖改變IMG設置（style.css的文件）​​試圖

img { 
    width: 100%; 
} 

並試圖更改img設置（bootstrap.css文件）

img { 
    vertical-align: middle; 
} 
.img-responsive, 
.thumbnail > img, 
.thumbnail a > img, 
.carousel-inner > .item > img, 
.carousel-inner > .item > a > img { 
    display: block; 
    max-width: 100%; 
    height: auto; 

} 

我不知道我是否應該放置W3S推薦的代碼（引導程序或樣式），因爲顯然一個人是對另一個人執政，但我不知道是哪一個。有人能幫我把這張圖片放在中間嗎？它位於www.arquetiposhane.tk網站。

非常感謝！下面的代碼

Answer 1

使用這會讓你的形象中心

.team-grid{ 
    margin: 0 auto; 
    float: none; 
}