How do I integrate Bootstrap3 into Symfony3?

Question

I looked everywhere but I can't find a documentation on how to apply bootstrap styles to Symfony, or twig to be precise.

Many answers are outdated as they are mostly about Symfony 2.x with bootstrap3.

For reference, I am trying to add a style to

{{ form_start(form))}}
{{ form_widget(form) }}
{{ form_end(form) }}

github.com/braincrafted/bootstrap-bundle And replacing some parts of form layout ( symfony.com/doc/current/form/form_customization.html , github.com/symfony/symfony/blob/master/src/Symfony/Bridge/Twig/… ) dependind on using bootstrap elements — ZloyPotroh
– ZloyPotroh, Commented Jan 10, 2017 at 16:04
stackoverflow.com/questions/34172660/… Did you check this one ? — Beni Sinca
– Beni Sinca, Commented Jan 10, 2017 at 16:30
Did you check this one: stackoverflow.com/questions/34172660/… — Beni Sinca
– Beni Sinca, Commented Jan 10, 2017 at 16:35

Veve · Accepted Answer · 2017-01-10 17:04:46Z

3

Since Symfony 2.6, Bootstrap is included in Symfony without the need for a specific bundle, as announced in this news, and explained in the doc here.

There are 2 layouts available, the normal layout and the horizontal one.

To apply it everywhere:

# app/config/config.yml
twig:
    form_themes:
        - 'bootstrap_3_layout.html.twig'
        # - 'bootstrap_3_horizontal_layout.html.twig'

Or only for specific forms, add this at the top of the corresponding Twig files:

{% form_theme form 'bootstrap_3_layout.html.twig' %}
{# {% form_theme form 'bootstrap_3_horizontal_layout.html.twig' %} #}

answered Jan 10, 2017 at 16:59

Veve

6,7785 gold badges44 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1