Hopp til innholdet
LAYOUT · FREE

Container

Hold innholdet på en behagelig bredde på hver skjerm.

Hold innholdet på en behagelig lesebredde på hver skjerm. Bredden følger layoutens brytepunkter.

Hvorfor det hjelper

  • Sentrert innhold
  • Bredder per brytepunkt
  • Enkel

Hvor det passer

  • Sideinnhold
  • Landingssider
  • Dashbord
Kontrollen Container på en RayCraft-side

Eksempel

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

Et kort utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.

Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.

Alle kontroller ยท Dokumentasjon