jQuery Mobile: diseños de cuadrícula
El sistema de cuadrícula móvil jQuery crea diseños de página a través de una serie de filas y columnas.
La siguiente tabla muestra los tipos de cuadrícula en detalle.
| No Señor. | Tipo y descripción |
|---|---|
| 1 | Cuadrículas básicas Incluya la clase ui-grid-solo en <div> para crear una cuadrícula de una sola columna, el ancho de la cuadrícula es 100% |
| 2 | Cuadrículas de dos columnas Agregue la clase ui-grid-a a un <div> e incluya dos contenedores secundarios con la clase ui-block-a y ui-block-b para crear un diseño de dos columnas. |
| 3 | Three-column grids La clase ui-grid-b se usa para crear una cuadrícula de tres columnas, incluye tres contenedores secundarios con la clase ui-block-a / b / c . |
| 4 | Cuadrículas de cuatro columnas La clase ui-grid-c se usa para crear una cuadrícula de cuatro columnas, incluye cuatro contenedores secundarios con la clase ui-block-a / b / c / d / e . |
| 5 | Cuadrículas de cinco columnas La clase ui-grid-d se utiliza para crear una cuadrícula de cinco columnas, incluye cinco contenedores secundarios con la clase ui-block-a / b / c / d . |
| 6 | Cuadrículas de varias filas Se pueden envolver varias filas en la cuadrícula especificando cualquier clase de columna en un contenedor. |
| 7 | Clase individual de cuadrícula La cuadrícula estándar responde superponiendo los estilos de cuadrícula debajo de un solo punto de interrupción. |
| 8 | Cuadrículas receptivas Las cuadrículas de pila por debajo de 35em (560px), se puede aplicar un punto de interrupción preestablecido. |
| 9 | Preajuste de punto de interrupción Las cuadrículas de pila por debajo de 35em (560px), se puede aplicar un punto de interrupción preestablecido. En el contenedor de cuadrícula, incluya la clase de respuesta .ui . |