For at oprette knapper i Bootstrap 5 kan du bruge elementet `` sammen med de relevante Bootstrap-knapklasser. Sådan kan du oprette forskellige typer knapper ved hjælp af Bootstrap 5:

Standardknap:

```html

Standard

```

Dette opretter en standard blå knap.

Tilpassede farveknapper:

For at oprette knapper med forskellige farver, kan du bruge `btn-{color}` klasserne, hvor `{color}` kan erstattes med en af ​​følgende:

- primært

- sekundær

- succes

- fare

- advarsel

- info

- lys

- mørkt

For eksempel, for at oprette en rød knap:

```html

Fare

```

Konturknapper:

For at oprette konturknapper, brug `btn-outline-{color}` klasserne. For eksempel, for at oprette en omridset rød knap:

```html

Fare

```

Deaktiverede knapper:

For at deaktivere en knap skal du tilføje "disabled"-attributten til den.

```html

Deaktiveret

```

Knapstørrelser:

Du kan også ændre størrelsen på knapper ved at bruge `btn-{size}` klasserne, hvor `{size}` kan være en af ​​følgende:

- sm (lille)

- lg (stor)

For eksempel, for at oprette en lille knap:

```html

Lille

```

Tilpasset styling:

Du kan yderligere tilpasse udseendet af knapper ved at tilføje brugerdefinerede CSS-stile til dem.

Her er en tabel, der opsummerer Bootstrap 5-knapklasserne og deres effekter:

| Klasse | Effekt |

|---|---|

| `btn` | Opretter en grundlæggende knap. |

| `btn-primær` | Opretter en blå knap. |

| `btn-sekundær` | Opretter en grå knap. |

| `btn-succes` | Opretter en grøn knap. |

| `btn-fare` | Opretter en rød knap. |

| `btn-advarsel` | Opretter en gul knap. |

| `btn-info` | Opretter en lyseblå knap. |

| `btn-light` | Opretter en hvid knap. |

| `btn-dark` | Opretter en sort knap. |

| `btn-outline-{farve}` | Opretter en konturknap i den angivne farve. |

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

Du kan kombinere flere klasser for at skabe mere komplekse knapstile. For eksempel opretter den følgende kode en lille, markeret rød knap:

```html

Lille

```