Bootstrap 5

Je formulier automatisch een Bootstrap layout geven

Wanneer je met Bootstrap werkt, kun je je formulier snel voorzien van de juiste Bootstrap-stijl. Dit betekent invoervelden met de form-control-klasse en verzendknoppen met de primary-kleuraanduiding. Je kunt formulieren zowel verticaal als horizontaal opmaken.

Aanpassen van de twig.yaml

Open het bestand twig.yaml in de map config/packages. Dit bestand bevat diverse configuratieopties. De standaard inhoud ziet er als volgt uit:

yaml
twig:
    file_name_pattern: '*.twig'

when@test:
    twig:
        strict_variables: true

Voeg in het eerste onderdeel deze regel toe:

yaml
form_themes: ['bootstrap_5_layout.html.twig']

Het bestand wordt nu:

yaml
twig:
    file_name_pattern: '*.twig'
    form_themes: ['bootstrap_5_layout.html.twig']

when@test:
    twig:
        strict_variables: true

yaml
form_themes: ['bootstrap_5_horizontal_layout.html.twig']