如何將邊框放入動態img標籤中？

Question

我需要在我的img標記上放一個邊框。這是我的HTML。

<div class="col-md-12"> 
    <div class="row col-md-6"> 
    <img class="img-responsive center-block" src="{{design.img_url_front}}" border="5"> 
    </div> 
    <div class="row col-md-6"> 
    <img class="img-responsive center-block" src="{{design.img_url_back}}"> 
    </div> 
</div> 

我也試過在CSS

img { 
    border: 5px; 
} 

仍然沒有運氣。

正如你所看到的，我需要藍色部分周圍的邊框。我怎樣才能使它工作？請幫忙。

Answer 1

添加border到類.img-responsive .center-block

.img-responsive .center-block{ 
    border: 5px solid #000; 
} 

Answer 2

你忘了提供顏色，

嘗試

img{ 
    border: 5px solid blue; 
}