Twitter bootstrap 3 引导列img背景缩放

我在的引导代码有问题

主体顶部有一个容器：

<div class="container">
  <div class="row">
     <div class="col-xs-12" id="banner-hdr"> 
     /div>
  </div>
</div>

这有一个CSS背景图像，当在移动设备或平板电脑上查看时，该图像不会随网站缩放。如果我使用一个笔直的img标签，然后添加responsive，它仍然不起作用，图像也不会填充整个横幅块

---

我如何编写它，以便它能够在较小的屏幕上正确缩放？

如果标题img没有其他变化，我会在div中单独放置一个，并设置宽度：100%，如下图所示：

<div class="container">
  <div class="row">
     <div class="col-xs-12"> 
        <img src="your picture" style="width:100%;">
     </div>
  </div>
</div>

---

这样，标题图像将在其尺寸范围内放大/缩小。

或者您可以设置断点在较大/较小的图像之间切换。我通常这样做是因为有时候横幅上的文字太小，移动设备看不见。不，试过了，它不起作用。图像会拉伸宽度，但不会拉伸高度。

<div class="container">
  <div class="row">
     <div class="col-xs-12"> 
        <img src="your picture" style="width:100%;">
     </div>
  </div>
</div>