如何制作照片填充柱尺寸（Bootstrap）？

Question

正如标题所说，我希望图像填充列大小，这是照片：

https://i.stack.imgur.com/GBGrm.png

我尝试添加img-responsive但是它没有工作或我做错了。

Answer 1

正如我所看到的image尺寸太小，所以你有两种方法可以达到你想要的效果

1：只需使用高分辨率图片并将img-responsive类应用于img标记。

2：或将width:100%和height:auto应用于img代码，但在这种情况下，您的图片会模糊不清。

＆＃13;

＆＃13;

.myImg {
  display: block;
  width: 100%;
  height: auto;
}

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<div class="row">
  <div class="col-sm-6 col-md-4">
    <img src="http://via.placeholder.com/350x150" class="myImg" />
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;