»-elementet.
Her er et eksempel på en grunnleggende Bootstrap 5-knapp:
```html
```
Bootstrap 5 lar deg også tilpasse utseendet til knapper ved å legge til flere klasser. Her er noen av de mest brukte knappeklassene:
* `btn-primary`:Denne klassen bruker en blå bakgrunnsfarge på knappen.
* `btn-sekundær`:Denne klassen bruker en grå bakgrunnsfarge på knappen.
* `btn-success`:Denne klassen bruker en grønn bakgrunnsfarge på knappen.
* `btn-danger`:Denne klassen bruker en rød bakgrunnsfarge på knappen.
* `btn-advarsel`:Denne klassen bruker en gul bakgrunnsfarge på knappen.
* `btn-info`:Denne klassen bruker en cyan bakgrunnsfarge på knappen.
* `btn-link`:Denne klassen fjerner bakgrunnsfargen på knappen og bruker en kantlinje i stedet.
* `btn-outline-*`:Disse klassene brukes til å lage skisserte knapper. Du kan bruke hvilken som helst av de primære, sekundære, suksess-, fare-, advarsels- eller infoklassene sammen med 'btn-outline'-klassen for å lage en skissert knapp.
Her er et eksempel på en skissert knapp som bruker klassen `btn-outline-primary`:
```html
```
Du kan også legge til flere klasser til «
»-elementet for å kombinere forskjellige stiler. For eksempel oppretter følgende kode en primærknapp med en disposisjon:
```html
```
Bootstrap 5 gir også forskjellige knappestørrelser. Du kan bruke klassene `btn-sm` og `btn-lg` for å lage henholdsvis små og store knapper. Standard knappstørrelse er vanlig.
Her er et eksempel på en liten knapp som bruker klassen `btn-sm`:
```html
```
På samme måte kan du bruke `btn-lg`-klassen for å lage en stor knapp.
Bootstrap 5-knappene er responsive, noe som betyr at de justerer størrelsen og utseendet basert på skjermstørrelsen. Du kan også lage blokknivåknapper som strekker seg til hele bredden av beholderen ved å legge til `btn-block`-klassen.
Husk å se Bootstrap-dokumentasjonen for de nyeste CSS-klassene og alternativer for å lage knapper.