Bootstrap 3 grid with different height in each item - is it solvable using only CSS?

Question

I\'m trying to make a grid of thumbnails, where each thumbnail has an image and a label. It works fine if all the labels have the same length, because then all the thumbnail

Answer 1

you could use clear: left and apply it for each first child in row. For example if you have 4 items in row you can use:

.my-row>:nth-child(3n+1) {  
  clear:left;
  background-color: red; // just to see if the first item in row is matched
}