7. Layout Options
jQuery Mobile is flexible in the sense that it’s based on standard HTML and CSS, so the layout options are essentially endless. However, the framework does offer a few enhancements in the form of widgets you can use to organize content and create custom layouts without writing additional code. Using data- attributes and standard CSS classes, the framework transforms the markup used to structure these widgets. In this chapter, you’ll learn how to create grids, collapsible content, and accordions.
Grids
Although jQuery Mobile still supports standard HTML tables, the framework also offers a simple alternative in the form of a widget called grids. Grids let you position elements next to one another. They’re useful for smaller elements ...
Get jQuery Mobile: Develop and Design now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
