```

Hierdoor wordt een standaard blauwe knop gemaakt.

Aangepaste kleurknoppen:

Om knoppen met verschillende kleuren te maken, kun je de `btn-{color}` klassen gebruiken, waarbij `{color}` kan worden vervangen door een van de volgende:

- primair

- secundair

- succes

- Gevaar

- waarschuwing

- informatie

- licht

- donker

Om bijvoorbeeld een rode knop te maken:

```html

Gevaar

```

Overzichtknoppen:

Om overzichtsknoppen te maken, gebruikt u de `btn-outline-{color}` klassen. Om bijvoorbeeld een omlijnde rode knop te maken:

```html

Gevaar

```

Uitgeschakelde knoppen:

Om een ​​knop uit te schakelen, voegt u er het attribuut `disabled` aan toe.

```html

Uitgeschakeld

```

Knoopformaten:

Je kunt ook de grootte van knoppen wijzigen door de klassen `btn-{size}` te gebruiken, waarbij `{size}` een van de volgende kan zijn:

- sm (klein)

-lg (groot)

Om bijvoorbeeld een kleine knop te maken:

```html

Klein

```

Aangepaste styling:

U kunt het uiterlijk van knoppen verder aanpassen door er aangepaste CSS-stijlen aan toe te voegen.

Hier is een tabel met een samenvatting van de Bootstrap 5-knopklassen en hun effecten:

| Klasse | Effect |

|---|---|

| `btn` | Creëert een basisknop. |

| `btn-primair` | Creëert een blauwe knop. |

| `btn-secundair` | Creëert een grijze knop. |

| `btn-succes` | Creëert een groene knop. |

| `btn-gevaar` | Creëert een rode knop. |

| `btn-waarschuwing` | Creëert een gele knop. |

| `btn-info` | Creëert een lichtblauwe knop. |

| `btn-licht` | Creëert een witte knop. |

| `btn-donker` | Creëert een zwarte knop. |

| `btn-outline-{kleur}` | Creëert een overzichtsknop in de opgegeven kleur. |

| `btn-{grootte}` | Verandert de grootte van de knop. |

U kunt meerdere klassen combineren om complexere knopstijlen te creëren. Met de volgende code wordt bijvoorbeeld een kleine, omlijnde rode knop gemaakt:

```html

Klein

```