Side-by-side layout for nested lists on tablets?
Are there any provisions in JQM for wide screen or tablet formats? Assuming the nested list shown below, on a phone I might like to see "folder 1" and "folder 2" stacked vertically and slide transitions to the nested data (i.e. the default JQM behavior). However on a tablet with more horizontal space I might like to see them laid out side-by-side with the contents of the currently-selected folder ("item 1, item 2") to the right of the folder list.
Here's the sample nested list:
- <div data-role="content">
- <ul data-role="listview">
- <li><h3><a href="#">Folder 1</a></h3>
- <ul>
- <li>item 1</li>
- <li>item 2</li>
- </ul>
- </li>
- <li><h3><a href="#">Folder 2</a></h3>
- <ul>
- <li>item 3</li>
- <li>item 4</li>
- </ul>
- </li>
- </ul>
- </div>