Symfony et Bootstrap

Par Feelsonix, il y a 8 ans


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, il y a 8 ans

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 ?