Det er enkelt og greit å lage en Bootstrap 5-knappgruppe. Slik kan du gjøre det:
```html
```
Denne koden vil opprette en knappegruppe med tre knapper horisontalt justert. Her er en oversikt over koden:
1. `
`:Dette oppretter knappgruppebeholderen. `role="group"`-attributtet indikerer at knappene i denne beholderen er en del av en gruppe, og `aria-label`-attributtet gir en beskrivelse av knappen-gruppens formål.
2. ` `:Dette oppretter den første knappen i gruppen. `type="button"`-attributtet spesifiserer at knappen ikke sender inn et skjema, og `class="btn btn-primary"`-attributtene stiler knappen som en primærknapp i Bootstraps standardtema.
3. På samme måte skaper de to andre `
`-elementene de midterste og høyre knappene med samme stil og funksjonalitet.
Den resulterende knappegruppen vil se slik ut:
[Bilde av en knappegruppe med tre primærknapper merket "Venstre", "Midt" og "Høyre"]
Du kan tilpasse knappegruppen ved å legge til flere knapper, endre knappestilene og endre attributtet `aria-label` for å gi en annen beskrivelse.
Her er noen tilleggsalternativer for å tilpasse knappegrupper:
* For å justere knappene vertikalt, legg til `btn-group-vertical`-klassen til `
`-beholderen.
* For å lage et sett med alternativknapper, legg til «btn-group-toggle»-dataattributtet til «
»-beholderen og sett «role="radiogroup"»-attributtet på «»-elementet i hver «
`.
* For å lage et sett med avmerkingsbokser, legg til `btn-group-toggle` dataattributtet til `
`-beholderen og sett `role="checkboxgroup"`-attributtet på ``-elementet i hver `
`.
* For å deaktivere en knapp, legg til «disabled»-attributtet til «
