```

Met deze code wordt een primaire knop gemaakt met een blauwe achtergrondkleur.

2. Secundaire knop:

```html

Secundair

```

Met deze code wordt een secundaire knop gemaakt met een grijze achtergrondkleur.

3. Succesknop:

```html

Succes

```

Deze code creëert een succesknop met een groene achtergrondkleur.

4. Waarschuwingsknop:

```html

Waarschuwing

```

Deze code creëert een waarschuwingsknop met een gele achtergrondkleur.

5. Gevaarknop:

```html

Gevaar

```

Deze code creëert een gevaarknop met een rode achtergrondkleur.

6. Knop met omtrek:

```html

Primair

```

Met deze code wordt een primaire knop gemaakt met een omtrek en zonder achtergrondkleur.

7. Kleine knop:

```html

Primair

```

Met deze code wordt een kleine primaire knop gemaakt.

8. Grote knop:

```html

Primair

```

Met deze code wordt een grote primaire knop gemaakt.

9. Blokkeerknop:

```html

Primair

```

Deze code creëert een primaire knop op blokniveau die de volledige breedte van de container beslaat.

10. Actieve knop:

```html

Primair

```

Met deze code wordt een actieve primaire knop gemaakt die lijkt alsof er al op is geklikt.

11. Uitgeschakelde knop:

```html

Primair

```

Met deze code wordt een uitgeschakelde primaire knop gemaakt waarop niet kan worden geklikt.

12. Aangepaste knop:

```html

Aangepast

```

Met deze code wordt een aangepaste knop gemaakt. U kunt uw eigen aangepaste stijlen aan deze knop toevoegen met behulp van CSS.

Vergeet niet om de Bootstrap CSS- en JavaScript-bestanden op te nemen om deze knoppen te gebruiken.