O'Reilly logo

jQuery Mobile: Develop and Design by Kris Hadlock

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required