Adicionar um Jumbotron.

Aprender DXPR BuilderCriar páginasAdicionar conteúdosMarketing

Obtém uma grande faixa hero com título, frase de apresentação e fundo com identidade, pronta a receber um botão. Utilize-a para abrir uma página, anunciar um evento ou conduzir os visitantes a uma ação.

Jumbotron Primary escuro com título Product Launch 2026, texto de apresentação e botão Reserve your seat

Adicionar um Jumbotron

  1. Paire o cursor sobre a coluna e clique em + na barra de controlos, ou clique em Add Elements numa página vazia. Abra o separador Content e clique em Jumbotron.
  2. Escreva o Title.
  3. Adicione uma frase Lead que venda o evento.
  4. Escolha um Type para o fundo; Primary com texto branco destaca-se.
  5. Clique em Save no diálogo.
  6. Clique em + dentro do jumbotron e adicione um Button, porque um jumbotron é um contentor.

Depois clique em Save na barra de ferramentas no topo da área de conteúdo para guardar a página.

O que vê

Título, apresentação e botão ficam numa faixa com identidade em toda a coluna. O botão é um elemento Button normal dentro do jumbotron, por isso edita-o e dá-lhe estilo separadamente.

Configurar o jumbotron

Abra More > Settings no elemento. Opções:

  • Title: o título principal mostrado no jumbotron.
  • Lead: texto introdutório maior por baixo do título.
  • Type: estilo de fundo: Light, Primary, Secondary, Success, Info, Warning, Danger, Dark ou Default.
  • Padding: espaçamento interno à volta do conteúdo: Large, Medium ou Small.

O jumbotron é um contentor. Arraste ou adicione outros elementos para dentro: botões, imagens ou mais texto.

Se não o vir

  • O Jumbotron não está no separador Content. O seu perfil de utilizador oculta-o. Peça a um administrador para o ativar em User Profiles.
  • Desapareceu depois de recarregar. A página não foi guardada. Adicione-o novamente e clique em Save na barra de ferramentas no topo da área de conteúdo.
  • A faixa mostra um "+" e nada mais. Ainda não foi adicionado nenhum elemento dentro. Clique no + no jumbotron e escolha um Button ou Text.
  • Texto branco sobre fundo claro. Type é Light enquanto o texto do tema é claro. Escolha Primary ou Dark.

E a seguir?

Separador Style para alterar o espaçamento e o fundo do seu jumbotron.