Bootstrap layout

Je formulier automatisch een Bootstrap layout geven

Als je graag met Bootstrap werkt dan kan je jouw formulier heel snel de layout geven van een Bootstrap formulier (invoer velden met form-control en de verzend knop met de primary kleur class). Je kan formulieren gewoon en horizontaal maken.

Aanpassen van de twig.yaml

Het eerste wat je moet doen is het bestand twig.yaml openen. Dit bestand staat in de map config/packages. In deze map vind je heel veel verschillende configuratie opties. De basis van de twig.yaml ziet er zo uit:

twig:
    file_name_pattern: '*.twig'

when@test:
    twig:
        strict_variables: true

In het eerste onderdeel voegen we de volgende regel toe:
form_themes: ['bootstrap_5_layout.html.twig']
Je bestand ziet er nu zo uit:

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

when@test:
    twig:
        strict_variables: true

Als je een andere variant van de layout wilt proberen kan je de form_themes ook vervangen door de volgende code:
form_themes: ['bootstrap_5_horizontal_layout.html.twig']