title: Thumbnail Class in bootstrap
body: <p><strong>Problem</strong></p>
  
  <p>So, I am trying to fit 3 images in a row. Every Image has a different dimension.
  So, I tried adding the thumbnail class hoping that it would make all images the same size but it only added the border but never changed the image size.</p>
  
  <p><strong>What I want</strong></p>
  
  <p>I want all images the same size.</p>
  
  <p><strong>Code</strong></p>
  
  <p>(The code is for one image since all images have the same code)</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="col-lg-4"&gt;
       &lt;div class="thumbnail"&gt;
        &lt;img src="https://images.unsplash.com/photo1423034816855245e5820ff8cdpr=1&amp;auto=format&amp;fit=crop&amp;w=1500&amp;h=2000&amp;q=80&amp;cs=tinysrgb&amp;crop="alt="Something in france!"&gt;
       &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>