Listas GRID
Ejemplos de listas adaptables a distintos tamaños de pantalla. Estas listas sustituyen a las tablas convencionales.
Índice
Listas GRID
Este tipo de listas sustituyen a las tablas para diseños adaptables.
Ejemplo
Nombre
Email
Rol
Robert Sallent
robert@fastlight.org
Administrador
Marisa
marisa@fastlight.org
Editora
Laia Sallent
laia@juegayestudia.com
Usuario
Código del ejemplo
Cargando el código del ejemplo...
Listas GRID con botontes de acción
Listados con acciones. Se peuden utilizar cualquier tipo de botones, explicados en el ejemplo sobre botones.
Ejemplo
Nombre
Email
Rol
Operaciones
Robert Sallent
robert@fastlight.org
Administrador
Marisa
marisa@fastlight.org
Editora
Laia Sallent
laia@juegayestudia.com
Usuario
Código del ejemplo
Cargando el código del ejemplo...
Listas GRID con distintos anchos de columna
Es habitual que las columnas tengan distintos anchos. Para ello, se puede utilizar la clase
spanX donde X es un número de 1 a 8, indicando el ancho proporcional de la columna.
Estas columnas són adaptables. En teléfonos móviles se distribuirán cada una en una fila sin importar el número de columnas agrupadas.
Ejemplo
Nombre
Profesión
Email
Rol
Robert
Ingeniero y formador para la ocupación
robert@fastlight.org
Administrador
Juan
Técnico de gestión en ámbitos generalistas
juan@fastlight.org
Usuario
Laia
Estudiante en programación informática y robótica avanzada
laia@juegayestudia.com
Usuario
Código del ejemplo
Cargando el código del ejemplo...