Oprettelse af en kollaps med Bootstrap 5 involverer brug af klassen `.collapse` og attributten `data-bs-toggle="collapse"`. Her er en trin-for-trin guide:
1. Opret skifteelementet:
- Tilføj en knap eller et hvilket som helst element, der vil tjene som skifte til at åbne og lukke sammenbruddet.
- Tildel en unik "data-bs-target"-attributværdi, der svarer til ID'et for det element, du vil skjule eller udvide.
2. Opret det sammenklappelige element:
- Opret det element, du vil vise eller skjule, når der klikkes på knappen.
- Giv dette element klassen `.collapse` og det ID, der matcher "data-bs-target"-værdien for skifteelementet.
3. Tilføj valgfrie klasser:
- Bootstrap 5 giver yderligere klasser til at kontrollere udseendet af kollapset, såsom:
- `.show`:Denne klasse bruges til indledningsvis at vise det sammenklappelige element.
- `.collapse-horizontal`:Denne klasse giver dig mulighed for at oprette en horisontal kollaps i stedet for en lodret.
4. Inkluder Bootstrap CSS og JavaScript:
- Sørg for at inkludere Bootstrap CSS- og JavaScript-filerne i dit HTML-dokument for at aktivere sammenbrudsfunktionen.
Her er et eksempel på HTML-kode til at lave en kollaps:
```html
Dette er det sammenklappelige indhold.
```
Husk at erstatte "#collapseExample" med det unikke ID for dit sammenklappelige element og juster vælgeren i `data-bs-target`-attributten i overensstemmelse hermed.
