Gå til indholdet
LAYOUT · FREE

Grid

Et gitter med 12 kolonner, der ændrer sig med skærmstørrelsen.

Et gitter med tolv kolonner, hvor hvert element angiver sin bredde på hver skærm og ændrer den ved større brudpunkter.

Hvorfor det hjælper

  • Tolv kolonner
  • Bredder efter brudpunkt
  • Responsivt

Hvor det passer

  • Dashboards
  • Gallerier
  • Sidelayouts
Kontrollen Grid på en RayCraft-side

Eksempel

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

Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.

Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.

Alle kontroller ยท Dokumentation