Bootstrap。在大屏幕上的Img響應溢出

Question

看起來很常見的用例，但我找不到答案。

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爲中等和拉rger設備添加到CSS：

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