ダイナミックな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> 

また、私はまだ

img { 
    border: 5px; 
} 

運CSS

でみました。

ご覧のとおり、青い部分の周りに境界線が必要です。どうすればそれを動作させることができますか？助けてください。

Answer 1

をしてみてください、あなたは色を提供するのを忘れクラス.img-responsive .center-block

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

Answer 2

にborderを追加

img{ 
    border: 5px solid blue; 
}