ビューが小さい場合に2つのインラインイメージを積み重ねる方法は？

Question

ウィンドウサイズが小さくなるにつれて、2つのインラインイメージをスタックしようとしています。しかし、私は運がないいくつかのことを試しました。これを達成する最良の方法は何ですか？ここで私が働いている私のコードは次のとおりです。

<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%; 
} 

は、これは、彼らが通常のウィンドウにどのように見えるかですが、私は彼らが1の上にスタックしたいです他の場合は小さい。

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'を追加しました。