Saltar al contenido
DISEÑO · FREE

Grid

Una cuadrícula de 12 columnas que cambia con el tamaño de pantalla.

Una cuadrícula de doce columnas donde cada elemento fija su ancho en cada pantalla y lo cambia en puntos de ruptura mayores.

Por qué ayuda

  • Doce columnas
  • Anchos por punto de ruptura
  • Adaptable

Dónde encaja

  • Paneles
  • Galerías
  • Diseños de página
El control Grid en una página de RayCraft

Ejemplo

<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 breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.

Incluido en RayCraft Free. Hay ejemplos que funcionan en el repositorio de GitHub (MIT); contiene código de ejemplo y demostración, no el código de la biblioteca.

Todos los controles ยท Documentación