Det er enkelt og ligetil at oprette en Bootstrap 5-knapgruppe. Sådan kan du gøre det:
```html
```
Denne kode vil oprette en knapgruppe med tre knapper justeret vandret. Her er en opdeling af koden:
1. `
`:Dette opretter knapgruppebeholderen. Attributten `role="group"` angiver, at knapperne i denne beholder er en del af en gruppe, og attributten `aria-label` giver en beskrivelse af knapgruppens formål.
2. ` `:Dette opretter den første knap i gruppen. Attributten `type="button"` angiver, at knappen ikke sender en formular, og `class="btn btn-primary"`-attributterne stiler knappen som en primær knap i Bootstraps standardtema.
3. På samme måde skaber de to andre `
`-elementer de midterste og højre knapper med samme stil og funktionalitet.
Den resulterende knapgruppe vil se sådan ud:
[Billede af en knapgruppe med tre primære knapper mærket "Venstre", "Midt" og "Højre"]
Du kan tilpasse knapgruppen ved at tilføje yderligere knapper, ændre knapstilene og ændre 'aria-label'-attributten for at give en anden beskrivelse.
Her er nogle yderligere muligheder for at tilpasse knapgrupper:
* For at justere knapperne lodret skal du tilføje klassen `btn-group-vertical` til `
`-beholderen.
* For at oprette et sæt radioknapper skal du tilføje dataattributten `btn-group-toggle` til `
`-beholderen og indstille `role="radiogroup"`-attributten på ``-elementet inden for hver `
`.
* For at oprette et sæt afkrydsningsfelter skal du tilføje dataattributten `btn-group-toggle` til `
`-beholderen og indstille `role="checkboxgroup"`-attributten på ``-elementet inden for hver `
`.
* For at deaktivere en knap skal du tilføje attributten `disabled` til elementet `
