Gardez le contenu à une largeur de lecture confortable sur chaque écran. La largeur suit les points de rupture de la mise en page.
Pourquoi c’est utile
- Contenu centré
- Largeurs par point de rupture
- Simple
Où il trouve sa place
- Contenu de page
- Pages d’atterrissage
- Tableaux de bord
Exemple
<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 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.