Zum Inhalt springen
LAYOUT · FREE

Grid

Ein 12-Spalten-Raster, das sich mit der Bildschirmgröße ändert.

Ein Zwölf-Spalten-Raster, in dem jedes Element seine Breite auf jedem Bildschirm festlegt und sie bei größeren Breakpoints ändert.

Warum es hilft

  • Zwölf Spalten
  • Breiten nach Breakpoint
  • Responsiv

Wo es passt

  • Dashboards
  • Galerien
  • Seitenlayouts
Das Steuerelement Grid auf einer RayCraft-Seite

Beispiel

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

Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.

In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.

Alle Steuerelemente ยท Dokumentation