Documentation and examples for creating, filtering and sorting magical layouts with the power of Isotope.
In order to use this plugin on your page you will need to include the following script in the “Page JS” area from the page’s footer:
Now, we need to add basic Masonry layout to our app. You can use the grid’s
.col-* classes for setting the column’s width.
You can easily sort through the masonry items by adding filter names on top of a item as bellow, where branding is name of the filter: