引導程序中包含內容縮略圖

我正在嘗試製作佔用屏幕寬度100％的容器。問題是我一直無法使內容適合Bootstrap縮略圖。當我縮小視口時，這個問題變得更糟。引導程序中包含內容縮略圖

如何更改我的代碼以使其更具響應性。

檢查出的jsfiddle：https://jsfiddle.net/tvL7bqfz/1/

<div id='thumbnailDiv' class="thumbnail"> 
<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12"> 
<img src='http://placehold.it/350x150' class="thumbnailImg"> 
</div> 

      <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> 
      <h4> Awesome Post Title </h4> 
      <br> 
      <h4> Awesome Post Description </h4> 


      <p> 
       <a class = "btn btn-primary" > More Info </a> 
      </p> 
      </div> 

</div>

CSS

#thumbnailDiv{ 
    width: 100%; 
    height: 250px; 
} 

.thumbnailImg { 
    float: left; 
    max-height: 100%; 
    max-width: 300px; 
    min-width: 230px; 
    min-height: 100%; 
}

來源

2017-05-27 AndrewLeonardi