如何将边框放在动态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;
}