html - View 较小时如何堆叠两个内联图像？

Question

随着窗口尺寸变小，我正在尝试堆叠两个内联图像。但是，我已经尝试了几件没有运气的事情。完成此任务的最佳方法是什么？这是我正在使用的代码:

<div class="coming">
    <div class="logos">
        <img src="appstore.png" class="img-responsive">
    </div>
    <div class="logos">
        <img src="googleplay.png" class="img-responsive">
    </div>
</div>

以及对应的CSS:

.coming {
    width: 100%;
    height: 20%;
    overflow: hidden;
    text-align: center;
}

.logos {
    display: inline-block;
    margin-top: 2.5%;
}

这是它们在普通窗口中的样子，但我希望它们在较小时堆叠在一起。

Answer 1

我是通过这样做得到它的:

<div class="coming">
    <div class="apple_logo container-fluid">
        <img src="appstore.png" class="img-responsive">
    </div>
    <div class="apple_logo container-fluid">
        <img src="googleplay.png" class="img-responsive">
    </div>
</div>

所以我只是将 'container-fluid' 添加到每个 div 类。