Aller au contenu
MISE EN PAGE · FREE

Grid

Une grille à 12 colonnes qui change avec la taille de l’écran.

Une grille de douze colonnes où chaque élément fixe sa largeur sur chaque écran et la modifie aux points de rupture plus grands.

Pourquoi c’est utile

  • Douze colonnes
  • Largeurs par point de rupture
  • Adaptative

Où il trouve sa place

  • Tableaux de bord
  • Galeries
  • Mises en page
Le contrôle Grid dans une page RayCraft

Exemple

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

Un court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.

Inclus dans RayCraft Free. Des exemples fonctionnels se trouvent dans le dépôt GitHub (MIT); il contient du code d’exemple et de démonstration, pas le code de la bibliothèque.

Tous les contrôles ยท Documentation