LayoutContainer
Last updated
Was this helpful?
Last updated
Was this helpful?
O LayoutContainer é um container de uso geral responsivo organizado no padrão Grid, de modo que linhas e colunas possam ser adicionadas e suas larguras definidas para cada breakpoint.
Dentro de um LayoutContainer adicionamos contoles responsivos do tipo LayoutRow que representam a linha de uma grade e dentro dos controles LayoutRow adicionamos os controles do tipo LayoutCol, que representam as colunas de uma grade.
No , cada breakpoint (ponto de quebra) foi definido para acomodar confortavelmente containers cujas larguras são múltiplas de 12. Os subconjuntos de tamanhos são representação de dispositivos de tamanhos comuns e ViewPorts. Esses intervalos de tamanhos visam fornecer uma base sólida e consistente para construção de layouts para quase todos os dispositivos.
Ponto de quebra
Class infix
Dimensões
X-Small
None
<576px
Small
sm
<768px
Medium
md
<992px
Large
lg
<1200px
Extra large
xl
<1400px
Extra extra large
xxl
≥1400px
No Gvinci, os pontos de quebra são exibidos na parte superior da janela de design para os módulos definidos com LayoutResponsivo.
Assim, terá a possibilidade de definir a largura das colunas (LayoutCol) de modo a se adequar ao tamanho de dispositivo selecionado em cada breakpoint.
Veja também: .
