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


2 Comments

Image of Toaster
Toaster
8 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
8 years ago

Nice tutorial.
However, you need to add the viewport meta tag to your base code as per http://jquerymobile.com/blog/2011/05/20/jquery-mobile-team-update-%E2%80%93-week-of-may-16th/#viewport or the page shows up very small on some phones.

Leave a Reply

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