Symfony et Bootstrap

Feelsonix
PHP Symfony

Bonjour,

Je suis entrain d'intégrer un design d'un site en php procédural vers symfony 3.
Un problème reste, mon formulaire ne veut pas se plier à mes col-sm-4.
A savoir que j'ai déjà intégrer bootstrap dans ma config de twig, rien n'y change.

Voilà le resultat à obtenir:

Voilà ce que j'obtient:

Voici mon fichier TWIG:

{% extends "admin.html.twig" %}
{% block body %}
{% include "admin-nav.html.twig" %}
<div id="main-wrap" class="container-fluid">
    <div class="section-full">
<div id="admin-form" class="container">
<fieldset>
<legend>Identifiants</legend>
<div class="row">
<div class="col-sm-4">  
{{ form_start(edit_form) }}
{{ form_widget(edit_form) }}
{{ form_widget(edit_form.username) }}
{{ form_widget(edit_form.password) }}
</div>
<div class="col-sm-4">
dedeedede
</div>

<div class="col-sm-4">
{{ form_widget(edit_form.roles) }}
</div>
<input class="m-top-30 btn btn-danger btn-lg" type="submit" value="Modifier" />
</div>
</fieldset>
{{ form_rest(edit_form) }}
{{ form_end(edit_form) }}
</div>
</div>
</div>
{% endblock %}

On peut voir que le code est correcte, cependant, comment se fait t'il que symfony ne n'en fasse qu'a sa téte ?

Thomas.

1 réponse

Elyanor

Hello.

Je ne pense pas que Symfony fasse n'importe quoi.
Je pense que tu as mal regardé le code source de ta page.

Voilà ce que je pense juste :

{% extends "admin.html.twig" %}
{% block body %}
    {% include "admin-nav.html.twig" %}

    <div id="main-wrap" class="container-fluid">
        <div class="section-full">
            <div id="admin-form" class="container">
                <div class="row">
                    {{ form_start(edit_form) }}
                        <fieldset>
                            <legend>Identifiants</legend>
                            <div class="col-sm-4">  
                                {{ form_widget(edit_form) }}
                                {{ form_widget(edit_form.username) }}
                                {{ form_widget(edit_form.password) }}
                            </div>

                            <div class="col-sm-4">
                                dedeedede
                            </div>

                            <div class="col-sm-4">
                                {{ form_widget(edit_form.roles) }}
                            </div>

                            <input class="m-top-30 btn btn-danger btn-lg" type="submit" value="Modifier" />
                        </fieldset>

                        {{ form_rest(edit_form) }}
                    {{ form_end(edit_form) }}
                </div>
            </div>
        </div>
    </div>
{% endblock %}

Mais après peut-être que je me trompe au niveau du colonnage. Quelle est ta réelle demande ?