jQuery Mobile - Layout a griglia
Il sistema a griglia mobile jQuery crea layout di pagina attraverso una serie di righe e colonne.
La tabella seguente mostra i tipi di griglia in dettaglio.
| Sr.No. | Tipo e descrizione |
|---|---|
| 1 | Griglie di base Includi la classe ui-grid-solo in <div> per creare una griglia a colonna singola, la larghezza della griglia è del 100% |
| 2 | Due griglie di colonne Aggiungi la classe ui-grid-a a <div> e includi due contenitori figlio con la classe ui-block-a e ui-block-b per creare un layout a due colonne. |
| 3 | Three-column grids La classe ui-grid-b viene utilizzata per creare una griglia a tre colonne, include tre contenitori figlio con la classe ui-block-a / b / c . |
| 4 | Griglie a quattro colonne La classe ui-grid-c viene utilizzata per creare una griglia a quattro colonne, include quattro contenitori figlio con la classe ui-block-a / b / c / d / e . |
| 5 | Griglie a cinque colonne La classe ui-grid-d viene utilizzata per creare una griglia a cinque colonne, include cinque contenitori figlio con la classe ui-block-a / b / c / d . |
| 6 | Griglie a più file È possibile inserire più righe nella griglia specificando qualsiasi classe di colonna su un contenitore. |
| 7 | Grid solo class La griglia standard è resa reattiva sovrascrivendo gli stili di griglia sotto un singolo punto di interruzione. |
| 8 | Griglie reattive Le griglie di stack inferiori a 35em (560px), può essere applicato un punto di interruzione preimpostato. |
| 9 | Preimpostazione del punto di interruzione Le griglie dello stack inferiori a 35em (560px), può essere applicato un punto di interruzione preimpostato. Nel contenitore della griglia, includi la classe .ui-responsive . |