Side-by-side layout for nested lists on tablets?

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:

  1. <div data-role="content"> 
  2. <ul data-role="listview"> 
  3. <li><h3><a href="#">Folder 1</a></h3> 
  4. <ul> 
  5. <li>item 1</li> 
  6. <li>item 2</li> 
  7. </ul> 
  8. </li> 
  9. <li><h3><a href="#">Folder 2</a></h3> 
  10. <ul> 
  11. <li>item 3</li> 
  12. <li>item 4</li> 
  13. </ul> 
  14. </li> 
  15. </ul> 
  16. </div>