Hoppa till innehållet
LAYOUT · FREE

Grid

Ett rutnät med 12 kolumner som ändras med skärmstorleken.

Ett rutnät med tolv kolumner där varje objekt anger sin bredd på varje skärm och ändrar den vid större brytpunkter.

Varför det hjälper

  • Tolv kolumner
  • Bredder per brytpunkt
  • Responsivt

Var det passar

  • Instrumentpaneler
  • Gallerier
  • Sidlayouter
Kontrollen Grid på en RayCraft-sida

Exempel

<Grid Spacing="3">
    <GridItem Span="12"><Card><ChildContent>Span 12</ChildContent></Card></GridItem>
    <GridItem Span="8"><Card><ChildContent>Span 8</ChildContent></Card></GridItem>
    <GridItem Span="4"><Card><ChildContent>Span 4</ChildContent></Card></GridItem>
    <GridItem Span="4"><Card><ChildContent>Span 4</ChildContent></Card></GridItem>
    <GridItem Span="4"><Card><ChildContent>Span 4</ChildContent></Card></GridItem>
    <GridItem Span="4"><Card><ChildContent>Span 4</ChildContent></Card></GridItem>
</Grid>

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