Hoppa till innehållet
LAYOUT · FREE

Container

Håll innehållet på en bekväm bredd på varje skärm.

Håll innehållet på en bekväm läsbredd på varje skärm. Bredden följer layoutens brytpunkter.

Varför det hjälper

  • Centrerat innehåll
  • Bredder per brytpunkt
  • Enkel

Var det passar

  • Sidinnehåll
  • Landningssidor
  • Instrumentpaneler
Kontrollen Container på en RayCraft-sida

Exempel

<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>

Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.

Ingår i RayCraft Free. Fungerande exempel finns i GitHub-arkiv (MIT); det innehåller exempel- och demokod, inte bibliotekets kod.

Alla kontroller ยท Dokumentation