Creating a grid of tiles in bootstrap 3

Question

I am working on a project and the user asked if they could have something like this.

Grid lines are there as a guide.

I understand I could use columns but the item that's tripped me up is the longer image.

Is there a way to have a row that spans many rows?

Or is it best to have columns within columns and then seperate out each element?

Answer 1

Try with below Column technique

Demo: https://jsfiddle.net/uurzr45k/3/

img{width:100%;  margin:10px 0;}

Answer 2

The Masonry Plugin can help you achieve this layout > Check it out