使用引導程序網格刪除縮略圖的邊距

Question

如何刪除引導程序網格中縮略圖之間的邊距？ 我希望縮略圖沒有邊距並排...

這是用於顯示縮略圖的代碼。 http://www.bootply.com/rrlpsBWCrx

Image of how it is right NOW

<div class="col-md-1" style="margin-right:0px; margin-left:0px; display:inline-block;"> 
    <a href="#" class="thumbnail goodPick" style="display: inline-block; margin: 0px 0px 0px 0px;"> 
    <img src="http://cdn.dota2.com/apps/dota2/images/heroes/earthshaker_vert.jpg" class="img-responsive" alt="Earthshaker"> 
    </a> 
</div> 
<div class="col-md-1" style="margin-right:0px; margin-left:0px; display:inline-block;"> 
    <a href="#" class="thumbnail goodPick" style="display: inline-block; margin: 0px 0px 0px 0px;"> 
    <img src="http://cdn.dota2.com/apps/dota2/images/heroes/earthshaker_vert.jpg" class="img-responsive" alt="Earthshaker"> 
    </a> 
</div> 
<div class="col-md-1" style="margin-right:0px; margin-left:0px; display:inline-block;"> 
    <a href="#" class="thumbnail goodPick" style="display: inline-block; margin: 0px 0px 0px 0px;"> 
    <img src="http://cdn.dota2.com/apps/dota2/images/heroes/earthshaker_vert.jpg" class="img-responsive" alt="Earthshaker"> 
    </a> 
</div> 
<div class="col-md-1" style="margin-right:0px; margin-left:0px; display:inline-block;"> 
    <a href="#" class="thumbnail goodPick" style="display: inline-block; margin: 0px 0px 0px 0px;"> 
    <img src="http://cdn.dota2.com/apps/dota2/images/heroes/earthshaker_vert.jpg" class="img-responsive" alt="Earthshaker"> 
    </a> 
</div> 
<div class="col-md-1" style="margin-right:0px; margin-left:0px; display:inline-block;"> 
    <a href="#" class="thumbnail goodPick" style="display: inline-block; margin: 0px 0px 0px 0px;"> 
    <img src="http://cdn.dota2.com/apps/dota2/images/heroes/earthshaker_vert.jpg" class="img-responsive" alt="Earthshaker"> 
    </a> 
</div> 

Answer 1

元素有邊距：http://www.bootply.com/9X6g2U425y

.col-md-1 { 
    padding: 0; 
} 

我怎麼找到它？您可以右鍵單擊某個元素並按「檢查元素」。您將能夠在瀏覽器開發工具中看到適合的樣式。