Using columns and grids

Even with no additional CSS code, jQuery Mobile formats our content in a simple, yet clean way. This also makes the text easier to read on mobile devices.

During the development of our web application, there might be times when we just need to place certain elements in a particular position, which would require a certain fluency in CSS (which we might not have).

Thankfully, jQuery Mobile provides a quick way to create a sort of grid layout: it applies a set of CSS rules with which we are able to obtain columns and rows to display our content as if it was in a table:

Using columns and grids

The page pictured above shows a 3x3 grid themed with Swatch ...

Get jQuery Mobile First Look now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.