Ir para o conteúdo
LAYOUT · FREE

Container

Mantenha o conteúdo com uma largura confortável em cada tela.

Mantenha o conteúdo em uma largura de leitura confortável em cada tela. A largura segue os pontos de quebra do layout.

Por que ajuda

  • Conteúdo centralizado
  • Larguras por ponto de quebra
  • Simples

Onde se encaixa

  • Conteúdo de páginas
  • Páginas de destino
  • Painéis
O controle Container em uma página do RayCraft

Exemplo

<Container MaxWidth="Breakpoint.Md" Class="doc-demo-box">Container capped at the md width (720 px)</Container>
<Container Fluid="true" Class="doc-demo-box">Fluid container</Container>
<Container Class="doc-demo-box">Responsive container: width follows the breakpoint</Container>

Um pequeno trecho. Adicione @using RayCraft.Blazor.Components à sua página e use um modo de renderização interativo.

Incluído no RayCraft Free. Há exemplos funcionais no repositório do GitHub (MIT); ele contém código de exemplo e demonstração, não o código da biblioteca.

Todos os controles ยท Documentação