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>

所以我刚刚为每个div类添加了'container-fluid'。

当视图较小时，如何堆叠两个内嵌图像？

1 个答案: