For this post I created an example of minimalistic layout for a blog/portfolio using both Bootstrap and Masonry. Why it should be useful? I like twitter bootstrap because it gives you all the base tools to create your website: forms, modal, alert, buttons, carousel, responsive layout etc…but sometimes it is too limited and jQuery Masonry can give you something more about fluid layout containing images.
In my previous post regarding jQuery Masonry I created a 3 columns layout for big size screens to become one column layout for smartphones. For this post I didn’t follow the same approach but the number of columns is automatically calculated from the container using a proportioned width. The width is modified using media queries in order to have a better result in smaller screens.
NOTE: The example uses twitter bootstrap 3.3.1 and Masonry 3.2.1. I am going to update periodically the code. Subscribe to the mailing list in order to be notified when a new version will be available.
I promise that I won’t sell your email or send you spam
Download the full code example from github or using the button below.
The images for this post are from my last travel in Agra (India).
Let me know if you appreciate my example and if you used it in your project