Naar de inhoud
LAY-OUT · FREE

Container

Houd inhoud op een prettige breedte op elk scherm.

Houd inhoud op een prettige leesbreedte op elk scherm. De breedte volgt de breekpunten van de lay-out.

Waarom het helpt

  • Gecentreerde inhoud
  • Breedtes per breekpunt
  • Eenvoudig

Waar het past

  • Pagina-inhoud
  • Landingspagina's
  • Dashboards
Het besturingselement Container op een RayCraft-pagina

Voorbeeld

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

Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.

Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.

Alle besturingselementen ยท Documentatie