Añadir un jumbotron.

Aprende DXPR BuilderCrear páginasAñadir contenidoMarketing

Obtienes un gran banner hero con un título, una frase de entradilla y un fondo de marca, listo para llevar un botón. Úsalo para abrir una página, anunciar un evento o llevar las visitas a una acción.

Jumbotron primario oscuro con encabezado Product Launch 2026, entradilla y un botón Reserva tu plaza

Añade un jumbotron

  1. Pasa el cursor sobre la columna y haz clic en + en su barra de controles, o haz clic en Add Elements en una página vacía. Abre la pestaña Content y haz clic en Jumbotron.
  2. Escribe el Title.
  3. Añade una frase Lead que venda el evento.
  4. Elige un Type para el fondo; Primary con texto blanco destaca.
  5. Haz clic en Save en el diálogo.
  6. Haz clic en + dentro del jumbotron y añade un Button, porque un jumbotron es un contenedor.

Luego haz clic en Save en la barra de herramientas arriba de la zona de contenido para guardar la página.

Lo que ves

Título, entradilla y botón quedan en un banner de marca por toda la columna. El botón es un elemento Button normal dentro del jumbotron, así que lo editas y le das estilo por su cuenta.

Configura tu jumbotron

Abre More > Settings en el elemento. Opciones:

  • Title: el encabezado principal del jumbotron.
  • Lead: texto introductorio mayor bajo el título.
  • Type: estilo de fondo: Light, Primary, Secondary, Success, Info, Warning, Danger, Dark o Default.
  • Padding: espaciado interno alrededor del contenido: Large, Medium o Small.

El jumbotron es un contenedor. Arrastra o añade otros elementos dentro: botones, imágenes o más texto.

Si no lo ves

  • Jumbotron no está en la pestaña Content. Tu perfil de usuario lo oculta. Pide a una cuenta administradora que lo active en User profiles.
  • Ya no está tras recargar. La página no se guardó. Añádelo de nuevo y haz clic en Save en la barra de herramientas arriba de la zona de contenido.
  • El banner muestra un "+" y nada más. Aún no se añadió ningún elemento dentro. Haz clic en el + del jumbotron y elige un Button o Text.
  • Texto blanco sobre fondo claro. Type está en Light mientras el texto del tema es claro. Elige Primary o Dark.

¿Qué sigue?

Panel Style para cambiar espaciado y fondo de tu jumbotron.