Mantén el contenido con un ancho de lectura cómodo en cada pantalla. El ancho sigue los puntos de ruptura del diseño.
Por qué ayuda
- Contenido centrado
- Anchos por punto de ruptura
- Sencillo
Dónde encaja
- Contenido de páginas
- Páginas de destino
- Paneles
Ejemplo
<Container MaxWidth="Breakpoint.Md" Class="doc-demo-box">Container capped at the md width (720 px)</Container>
<Container Fluid="true" Class="doc-demo-box">Fluid container</Container>
<Container Class="doc-demo-box">Responsive container: width follows the breakpoint</Container>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.