Bootstrap image grid alignment

Question

I am working on an image gallery with filters. I have used a Bootstrap grid with 3 columns. My image width remains the same for all but height differs.

I am attaching the pic of how it shows currently.

But how I need it to be:

Note: I haven't written any CSS for the image grid.

Answer 1

I suggest Freewall . It is a cross-browser and responsive jQuery plugin to help you create many types of grid layouts: flexible layouts, images layouts, nested grid layouts, metro style layouts, pinterest like layouts ... with nice CSS3 animation effects and call back events. Freewall is all-in-one solution for creating dynamic grid layouts for desktop, mobile, and tablet.

Home page and document: also found here.