For å lage knapper i Bootstrap 5, kan du bruke ``-elementet sammen med de aktuelle Bootstrap-knappklassene. Slik kan du lage forskjellige typer knapper ved å bruke Bootstrap 5:

Standardknapp:

```html

Standard

```

Dette oppretter en standard blå knapp.

Egendefinerte fargeknapper:

For å lage knapper med forskjellige farger, kan du bruke `btn-{color}`-klassene, der `{color}` kan erstattes med en av følgende:

- primær

- sekundær

- suksess

- fare

- advarsel

- info

- lys

- mørkt

For eksempel, for å lage en rød knapp:

```html

Fare

```

Konturknapper:

For å lage disposisjonsknapper, bruk `btn-outline-{color}`-klassene. For eksempel, for å lage en skissert rød knapp:

```html

Fare

```

Deaktiverte knapper:

For å deaktivere en knapp, legg til «disabled»-attributtet til den.

```html

Deaktivert

```

Knappstørrelser:

Du kan også endre størrelsen på knappene ved å bruke `btn-{size}`-klassene, der `{size}` kan være en av følgende:

- sm (liten)

- lg (stor)

For eksempel, for å lage en liten knapp:

```html

Liten

```

Egendefinert stil:

Du kan tilpasse utseendet til knapper ytterligere ved å legge til egendefinerte CSS-stiler til dem.

Her er en tabell som oppsummerer Bootstrap 5-knappklassene og deres effekter:

| Klasse | Effekt |

|---|---|

| `btn` | Oppretter en grunnleggende knapp. |

| `btn-primær` | Oppretter en blå knapp. |

| `btn-sekundær` | Lager en grå knapp. |

| `btn-suksess` | Oppretter en grønn knapp. |

| `btn-fare` | Oppretter en rød knapp. |

| `btn-advarsel` | Oppretter en gul knapp. |

| `btn-info` | Lager en lyseblå knapp. |

| `btn-light` | Lager en hvit knapp. |

| `btn-dark` | Lager en svart knapp. |

| `btn-outline-{color}` | Oppretter en konturknapp i den angitte fargen. |

| `btn-{størrelse}` | Endrer størrelsen på knappen. |

Du kan kombinere flere klasser for å lage mer komplekse knappestiler. Følgende kode lager for eksempel en liten rød knapp med omriss:

```html

Liten

```