3 de octubre
Inicio

Diseño responsive

El gestor permite 3 opciones en cuando a responsive:
  • Ancho fijo
  • Responsive con tamaño máximo indicado en pixeles
  • Responsive sin tamaño máximo

El gestor soporta los siguientes tamaños para un mismo diseño responsive:
  • Escritorio
  • Tablet vertical
  • Móvil horizontal
  • Móvil vertical

En cada uno de estos tamaños se pueden elegir las siguientes estructuras:

Formato
 Equivalente rejilla 12 columnas
 Descripción
cols-6-6-grey.png
 6-6
 2 columna en 1 fila
cols-4-4-4-grey.png
 4-4-4
 3 columnas en 3 filas
cols-3-3-3-3-grey.png
 3-3-3-3
 4 columnas en 4 filas
cols-2-2-2-2-2-2-grey.png
 2-2-2-2-2-2
 6 columnas en 1 fila
cols-3-9-grey.png
 3-9
 2 columnas en 1 fila con ancho 3-9
cols-9-3-grey.png
 9-3
 2 columnas en 1 fila con ancho 9-3
cols-3-6-3-grey.png
 3-6-3
 3 columnas en 1 fila con ancho 3-6-3
cols-2-2-2-4-2-grey.png
 2-2-2-4-2
 5 columnas en 1 fila con ancho 2-2-2-4-2
cols-2-3-5-2-grey.png
 2-3-5-2
 4 columnas en 1 fila con ancho 2-3-5-2
columndrop-grey.png
 6-6-12
 Patrón responsive columndrop. 2 columnas en una fila y otra en la siguiente
cols-custom-grey.png
 Personalizado
 N columnas en 1 fila con ancho variable expresado en tanto por cierto
stack-grey.png
 12-12-12-12-12
 Varias filas con 1 columnas cada una. Columnas ocupan todo el ancho disponible. Se adaptan la ancho
cols-6-6-6-6-6-6-grey.png
 6-6-6-6-6-6
 Varias filas con 2 columnas cada una
cols-4-4-4-4-4-4-grey.png
 4-4-4-4-4-4
 Varias filas con 3 columnas cada una