ブートストラップ。大画面でのIMG応答のオーバーフロー

Question

かなり一般的なusecaseのように見えますが、答えが見つかりませんでした。

HTML：

をしかし、大画面でそれはない：携帯画像で

<div class="jumbotron my-jumbotron"> 
    <img class="img-responsive" src= 
    {{'https://static.pexels.com/photos/2232/vegetables-italian-pizza- 
    restaurant.jpg'}}> 
</div> 

は完全にスケール

Answer 1

私はのためにmax-widthを制限しました中とラこれをCSSに追加するデバイス：

/********** Medium devices only **********/ 
@media (min-width: 992px) and (max-width: 1199px) { 
    .img-responsive { 
    max-width: 500px; 
    }