Bootstrapのimg-responsiveとthumbnailの違いは何ですか？

Question

私は2つの異なるプロジェクトで両方を使用しましたが、私は2つの違いを見ることはできません。 img-responsiveはもっと厄介なようですが、私はまだ彼らが何を正確に行い、どのように違うのか分かりません。

Project 1

：class="thumbnail"
Project 2：class="img-responsive"

Answer 1

含む画像にスタイルを適用する：

.img-responsive { 
    display: inline-block; 
    height: auto; 
    max-width: 100%; 
} 

.thumbnail { 
    display: block; 
    padding: 4px; 
    margin-bottom: 20px; 
    line-height: 1.42857143; 
    background-color: #fff; 
    border: 1px solid #ddd; 
    border-radius: 4px; 
    -webkit-transition: border .2s ease-in-out; 
     -o-transition: border .2s ease-in-out; 
      transition: border .2s ease-in-out; 
} 

Answer 2

.IMG応答クラスは、最大幅の適用：100％、高さ：自動車、及びディスプレイ：効果的に、それはの幅に拡大させる画像のブロックを親コンテナ

.IMGサムネイルクラスがブートストラップのソースコードからパディングとボーダー