javascript - 使用 bootstrap 3 使 div 背景图像响应

Question

如何使用 bootstrap 3 使带有背景图像的 div 响应？？

是否可以在 bootstrap 3 中使用 img-responsive 类？？

我的 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>

Answer 1

我认为使用 img-responsive 并非如此在这里，因为它是 <img />

并制作 div背景图片响应式，我们可以使用background-size: cover;

background-size: cover;

Scale the image, while preserving its intrinsic aspect ratio (if any), to the smallest size such that both its width and its height can completely cover the background positioning area