Thumbnails with one height

Question

I want my thumbnails to have the same height. Take a look at the picture: I tried this code I foud there:

  function equalHeight(group) {    
            var tallest = 0;    
            group.each(function() {       
              var thisHeight = $(this).height();       
              if(thisHeight > tallest) {          
                tallest = thisHeight;       
              }    
            });    
            group.each(function() { $(this).height(tallest); });
          }

But it doesn't count image size. Also it can't handle window size changings. How to fix that?

Possible duplicate of [How can I make Bootstrap columns all the same height?](http://stackoverflow.com/questions/19695784/how-can-i-make-bootstrap-columns-all-the-same-height) — max, Jul 11 '16 at 14:09

score 1 · Accepted Answer · answered Jul 11 '16 at 14:00

1

I suggest you the use of flexbox: http://www.w3schools.com/css/css3_flexbox.asp

answered Jul 11 '16 at 14:00

Marvin Fischer

2,552
3
23
34

Yup. It works. This link saved my day. https://codepen.io/bootstrapped/pen/OMNYpq – Tony Jul 11 '16 at 14:05

Thumbnails with one height

1 Answers1