Using Bootstrap, I’ve made 4 rows with 3 columns, uploaded the images and offset the last row so my columns are all lined up fine. No need to see my code really just a bunch of
I can’t seem to find a way to offset the row heights like they have done, all my rows begin at the same height. I’m sure I could individually move the images but that seems like too much effort and too messy. Is there an easy way to do it so that the image below leaves a gap of say 25px between itself and the one above?
Any help or links to websites that could help would be much appreciated.
This is what it looks like - see the gaps between the rows where the images are different size. Thats what I want to remove (sorry for all the separate posts)
You are making 1 row and as only one image can fit in a col-md-4 when you add more they stack vertically essentially each image acts like a row in that column?
Sort of, the image will sit side by side if there would be enough room inside the col (images are inline elements), but since there isn’t enough room, they are pushed below each other.