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 given by the size of the screen divided by the minimum column width (in my example it is 150px).
NOTE: The example uses twitter bootstrap v2.2.2. I am going to update the code to Twitter Bootstrap 3. Subscribe to the mailing list in order to be notified when the new version will be available.
I promise that I won’t sell your email or send you spam
Download the complete code example 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