title: Keep row of images at same height
body: <p>I am working on a Bootstrap 3 grid (unfortunately, the CMS is not allowing me to use Bootstrap 4). At the moment I cannot link to the page, so maybe this question is too hard to answer.</p>
  
  <p>Here is how the row containing 5 columns is looking in the CMS:</p>
  
  <p><a href="https://i.stack.imgur.com/muUYh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/muUYh.png" alt="enter image description here"></a></p>
  
  <p>The <code>max-width</code> is 1200px.</p>
  
  <p>The problem is that every time I add a column containing an image, the image height is not the same. In this example I set a height on 255px on all images, but the image in the first column is much taller than the others.</p>
  
  <p>When I enter the code in a JSfiddle it is looking normal </p>
  
  <p><a href="https://jsfiddle.net/bxrwnk7c/" rel="nofollow noreferrer">See jsfiddle here</a></p>
  
  <p>So it must be something in the CMS there is doing it? Is there some kind of clue what I could look after?</p>
  
  <p>Best regards</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-css lang-css prettyprint-override"><code>/* Latest compiled and minified CSS included as External Resource*/
  
  /* Optional theme */
  @import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');
  .padding-y {
    padding: 20px;
    background-color: #fff;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://stackpath.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" /&gt;
  &lt;div class="section padding-y"&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-sm-4"&gt;
        &lt;img src="http://placehold.it/348x255"&gt;
      &lt;/div&gt;
      &lt;div class="col-sm-2"&gt;
        &lt;img src="http://placehold.it/233x255"&gt;
      &lt;/div&gt;
      &lt;div class="col-sm-2"&gt;
        &lt;img src="http://placehold.it/233x255"&gt;
      &lt;/div&gt;
      &lt;div class="col-sm-2"&gt;
        &lt;img src="http://placehold.it/233x255"&gt;
      &lt;/div&gt;
      &lt;div class="col-sm-2"&gt;
        &lt;img src="http://placehold.it/233x255"&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>