Grids are one of the few features of jQuery Mobile that do not make use of particular data attributes. Instead, you work with grids simply by specifying CSS classes for your content.
Grids come in four flavors: Two column, Three column, Four column, and Five column. (You will probably not want to use the five column on a phone device. Save that for a tablet instead.)
You begin a grid with a
div block that makes use of the class
X will be either
ui-grid-a represents a two column grid.
ui-grid-b is a three column grid. You can probably guess what
So to begin a two column grid, you would wrap your content with the following:
<div class="ui-grid-a"> Content </div>
Within the ...