작은 화면에서 겹치는 열

Question

작은 화면과 탭에서 랩핑하는 열은 이지만 와이드 스크린에서는 잘 작동합니다. 여기

    <div class="col-md-4 col-md-4 col-xs-4"> 
        <img class="img-valign" src="img/Hotel/Kempenski.jpg" width="350px;" height="200px;" alt="" /> 
        </div> 




        <div class="col-md-4 col-sm-4 col-xs-4" align="left" style="margin-top: 5%;"> 
         <h4 align="justify" style="text-decoration: underline"><strong>Recommended Hotel</strong></h4> 
         <p align="justify"><strong>Burj Rafal Hotel Kempinski</strong></p> 
         <p align="justify">7647 King Fahd Road,<br> Exit 4, As Sahafah District، As Sahafah,<br> Riyadh - Sauid Arabia</p> 
         <p align="justify">&nbsp;</p> 
         <p align="justify"><strong>4.2 Star Ratings</strong></p> 
        </div> 

        <div class="col-md-4 col-sm-4 col-xs-4" align="left" style="margin-top: 5%;"> 

         <p align="justify"><strong>Hotel Fare</strong></p> 
         <p align="justify">Starting from: 1,160 SAR</p> 
        </div> 

       </div>` 

Answer 1

난 내가 잘못 manner`

<div class="col-xs-12 col-lg-4"> 
     <img class="img-responsive" src="img/Hotel/Kempenski.jpg" width="350px;" height="200px;" alt="" />  
    </div> 

    <div class="col-xs-12 col-lg-4"> 
    <h4 align="justify" style="text-decoration: underline"><strong>Recommended Hotel</strong></h4> 
         <p align="justify"><strong>Burj Rafal Hotel Kempinski</strong></p> 
         <p align="justify">7647 King Fahd Road,<br> Exit 4, As Sahafah District، As Sahafah,<br> Riyadh - Sauid Arabia</p> 
         <p align="justify">&nbsp;</p> 
         <p align="justify"><strong>4.2 Star Ratings</strong></p> 

    </div>   

    <div class="col-xs-12 col-lg-4">     
         <p align="justify"><strong>Hotel Fare</strong></p> 
         <p align="justify">Starting from: 1,160 SAR</p> 
    </div> 

  ` 

의 열을 할당하고, 해결책을 찾을 수