The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS CSS Masonry grid gallery Reply To: CSS Masonry grid gallery


I looked behind the gear-icon of the javaScript-tab in the CodePen demo: nothing there, so most likely it is missing dependencies like javaScript files, but there is too much going on in the demo to decipher quick. Something to keep in mind: there is no use in trying to mix Bootstrap grids with Masonry, because Masonry takes grid-items “out of the flow” with javaScript and absolute positioning.

Best way to go about making a masonry layout IMO is to fork some of those demos by David DeSandro on Codepen. Maybe go to this page first to pick the layout which comes closest to what you have in mind, and click on the link that takes you to Codepen. After that, fork the pen and make it your own.