formulaire login plus jeuli

src/AppBundle/Resources/views/security/login.html.twig

@@ -11,21 +11,31 @@
     {% endif %}
 
     {# Le formulaire, avec URL de soumission vers la route « login_check » comme on l'a vu #}
-    <form action="{{ path('login_check') }}" method="post">
-        <div class="form-group">
-            <label for="username">Login</label>
-            <input type="text" id="username" name="_username" value="{{ last_username }}" />
+    <div class="container">
+        <div class="row">
+            <div class="col-md-4">
+                <form action="{{ path('login_check') }}" method="post">
+                    <div class="form-group">
+                        <label for="username">Login</label>
+                        <input class="form-control" type="text" id="username" name="_username" value="{{ last_username }}" />
+                    </div>
+                    <div class="form-group">
+                        <label for="password">Mot de passe</label>
+                        <input class="form-control" type="password" id="password" name="_password" />
+                    </div>
+                    <input type="hidden" name="_csrf_token"
+                           value="{{ csrf_token('authenticate') }}"
+                    >
+                    <input class="btn btn-primary" type="submit" value="Connexion" />
+                </form>
+            </div>
         </div>
-        <div class="form-group">
-            <label for="password">Mot de passe</label>
-            <input type="password" id="password" name="_password" />
+        <div class="row">
+            <div class="">
+                <p>Pas de compte ? <a href="{{ path('security_register') }}">S'enregistrer</a></p>
+                <p>Mot de passe oublié ? <a href="{{ path('security_envoyertoken') }}">Récupérer mot de passe</a></p>
+            </div>
         </div>
-        <input type="hidden" name="_csrf_token"
-               value="{{ csrf_token('authenticate') }}"
-        >
-        <input type="submit" value="Connexion" />
-    </form>
-    <p>Pas de compte ? <a href="{{ path('security_register') }}">S'enregistrer</a></p>
-    <p>Mot de passe oublié ? <a href="{{ path('security_envoyertoken') }}">Récupérer mot de passe</a></p>
+    </div>
 
 {% endblock %}