Javascript 使用bootstrap 3使div背景图像响应

如何使用bootstrap 3使具有背景图像的div具有响应性

在bootstrap 3中是否可以使用img响应类

我的div是空的，如下所示：

<div class="row">
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
        <div class="workflowstep workflowstep1 img-responsive">&nbsp;
        </div>
        <div class="workflowstep workflowstep2 img-responsive">&nbsp;
        </div>
        <div class="workflowstep workflowstep3 img-responsive">&nbsp;
        </div>
        <div class="workflowstep workflowstep4 img-responsive">&nbsp;
        </div>
        <div class="workflowstep workflowstep5 img-responsive">&nbsp;
        </div>
        <div class="workflowstep workflowstep6 img-responsive">&nbsp;
        </div>
    </div>
</div>

---

要使背景图像响应，可以使用

背景大小：封面

CSS属性。或者，如果要在div中使用resize拉伸背景图像，请使用

背景大小：100%100%

---

有关

背景大小的更多信息，请查看此属性。
我认为此处不应使用
img responsive
，因为它是用于

为了使
div
背景图像具有响应性，我们可以使用
背景大小：封面

背景尺寸：封面

缩放图像，同时保留其固有的纵横比（如果有），
最小尺寸，使其宽度和高度都能
完全覆盖背景定位区域

背景大小在IE8及更早版本中不起作用，但是您可以使用CSS3PIE添加多边形填充（但使用CSS3PIE会对性能造成轻微影响）。