Skip to main content
El elemento Box es una de las herramientas de diseño más importantes de LanderLab. Te permite agrupar, organizar y controlar los elementos de tu página con más precisión.

​
¿Qué es un Box?

Un Box es un contenedor que agrupa otros elementos dentro de él. Puedes colocar dentro de un box:
  • Texto
  • Imágenes
  • Botones
  • Listas
  • Otros boxes
👉 Piénsalo como una envoltura que te ayuda a estructurar tu contenido.
Notas importantes
  • Los boxes son fundamentales para estructurar diseños
  • Puedes anidar boxes para tener más flexibilidad
  • Resuelven la mayoría de los problemas de alineación y espaciado

​
Cómo añadir un Box

  • Abre la barra lateral izquierda
  • Ve a Layout
  • Arrastra Box dentro de una sección o una columna

​
Por qué son importantes los boxes

Los boxes te dan más control sobre cómo se organizan los elementos. Los usas para:
  • Agrupar elementos relacionados
  • Alinear elementos correctamente
  • Crear diseños más avanzados
  • Ajustar con precisión el espaciado y la posición
👉 La mayoría de los diseños detallados dependen de los boxes para funcionar bien.

​
Cómo funcionan los boxes

Ejemplo de estructura:
Sección → Columnas → Box → Elementos
  • Un box va dentro de columnas o secciones
  • Los elementos van dentro del box
  • Puedes colocar boxes dentro de otros boxes para tener más control

​
Control del diseño

Con un box seleccionado, puedes controlar:
  • Direction: disposición en fila o en columna
  • Alignment: posición de los elementos (izquierda, centro, derecha)
  • Distribution: reparte los elementos de forma uniforme
  • Gap: espacio entre elementos
Aquí es donde se hacen la mayoría de los ajustes de diseño.

​
Opciones de estilo

Los boxes también admiten:
  • Fondos (color o degradado)
  • Espaciado (padding y margin)
  • Bordes y radio de esquina
  • Sombras
  • Ancho y alto