Skip to main content

How to use jQuery Mobile Grid Layout

Posted on June 21, 2011 by Anthony James Founder/CEOAnthony James Founder/CEO

In this screencast you will learn how to use jQuery Mobile’s new grid layout system. We will build grids using 2 column, all the way to 5 column layout. Grids can be a must when it comes to mobile design especially when designing for tablets such as the iPad.

Source File


Image of Toaster
9 years ago

Nice introduction, great site Anthony. Can you size the grids? Or are you tied into their predefined layouts? I ended up making my own column layout in style, but I would like to use their grid setup.

Image of Cathy B
Cathy B
9 years ago

Nice tutorial.
However, you need to add the viewport meta tag to your base code as per or the page shows up very small on some phones.

Leave a Reply

Your email address will not be published. Required fields are marked *