Columns play a diminished role in pages designed for mobile devices, compared to pages designed for full-sized viewports.
If you allowed lines of text to flow across the entire width of a 960-pixel page in a full-sized browser, the text would be hard to read. For that reason, and others, two or three column layouts are generally the best way to make content inviting and accessible in a full-sized browsing environment.
However, mobile viewports are different: there isn't much width in the viewport of a mobile phone, and even tablets have a narrower screen than laptops. Nevertheless, there are plenty of situations where it is useful to design page content in columns in mobile-friendly pages. When that is appropriate, the tool is jQuery grids. Grids allow you to easily build columns into jQuery Mobile page elements, as shown in the following menu:
