答案 0 :(得分：0)
您可以简单地将图像设置为宽度：100％，它将随浏览器缩放。
或者，
Bootstrap中的图像响应于 .IMG流体。最大宽度：100％;和身高：汽车;适用于 图像，以便它与父元素成比例。 [https://v4-alpha.getbootstrap.com/content/images/][1]
所以简单地给img一类img-fluid。
答案 1 :(得分：0)
最好的办法是使用div并将图片添加为div的背景，假设您要将div类称为hero-banner。 css类将是：
// css
.hero-banner{
background-image: url('/images/location/hero.jpg');
background-size: cover;
background-repeat: none;
min-height:450px;
}
// html
<nav>
....
</nav>
<div class="hero-banner"></div>