Hopp til innholdet
LAYOUT · FREE

Grid

Et rutenett med 12 kolonner som endrer seg med skjermstørrelsen.

Et rutenett med tolv kolonner der hvert element angir bredden sin på hver skjerm og endrer den ved større brytepunkter.

Hvorfor det hjelper

  • Tolv kolonner
  • Bredder per brytepunkt
  • Responsivt

Hvor det passer

  • Dashbord
  • Gallerier
  • Sidelayouter
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 utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.

Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.

Alle kontroller ยท Dokumentasjon