2枚の画像を並べて配置すると、ブートストラップで2枚目の画像が表示される

Question

Image for the problem 2枚目の画像が8枚以上のスクリーンを撮っているのを知りません。なぜなら、私は右にスクロールする必要があることを...ここで

は私のhtmlコードです：

<div class="row"> 

     <div class="col-sm-3" > 

     <img src="../img/1stimg.jpg" > 
     </div> 
     <div class="col-sm-9"> 

      <img src="../img/2ndimg.jpg" > 

    </div> 

    </div> 

これは私のCSSコードです：

body{ 
font-family: 'Abhaya Libre', serif; 
} 

html,body 
{ 
    width: 100%; 
    height: 100%; 
    margin: 0px; 
    padding: 0px; 
    overflow-x: hidden; 
} 

.row img { 
    max-width:100%; 
    height:auto 
} 


.row { margin-left:0;margin-right:0;} 

Answer 1

このブートストラップからヘルパーとremovを使用しますe .row img：

<img src="..." class="img-responsive"> 

あなたの画像は今すぐ反応します。