Quantcast
Channel: Maurizio Conventi » Responsive design
Viewing all articles
Browse latest Browse all 3

Responsive example integrating Twitter Bootstrap and jQuery Masonry

0
0

In my previous posts I created two examples of Responsive Web Design, one using Twitter Bootstrap and another using jQuery Masonry.

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).

The images for this post are from my last travel in Agra (India).

UPDATE: The example now uses twitter bootstrap v2.2.2

Let me know if you appreciate my example and if you used it in your project ;)


Viewing all articles
Browse latest Browse all 3

Latest Images

Trending Articles





Latest Images