Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
prog:symfony:extensions:bootstrap [11/09/2022 19:09]
thierry [Installation]
prog:symfony:extensions:bootstrap [11/09/2022 19:43] (Version actuelle)
thierry [Prérequis]
Ligne 4: Ligne 4:
   * le [[prog:​symfony:​extensions:​webpack|bundle WebPack]] doit être installé dans le répertoire du projet.   * le [[prog:​symfony:​extensions:​webpack|bundle WebPack]] doit être installé dans le répertoire du projet.
   * [[prog:​symfony:​extensions:​scss|Pouvoir travailler avec les fichier SCSS]].   * [[prog:​symfony:​extensions:​scss|Pouvoir travailler avec les fichier SCSS]].
-  * [[prog:​symfony:​extensions:​postcss|PostCSS doit être installé]]. +  * [[prog:​symfony:​extensions:​twig:twig|Le système ​ de template TWIG doit être installé]].
-  * [[prog:​symfony:​extensions:twig|Le système ​ de template TWIG doit être installé]].+
  
 ===== Installation ===== ===== Installation =====
Ligne 21: Ligne 20:
 </​code>​ </​code>​
 ===== Modifications ===== ===== Modifications =====
 +Modifier les fichiers ''​app.scss''​ et ''​app.js''​
 <code javascript assets\styles\app.scss>​ <code javascript assets\styles\app.scss>​
 @import '​~bootstrap/​scss/​bootstrap';​ @import '​~bootstrap/​scss/​bootstrap';​
 +</​code>​
 +<code javascript assets\app.js>​
 +import '​./​styles/​app.scss';​
 +import '​bootstrap';​
 +import bsCustomFileInput from '​bs-custom-file-input';​
 +bsCustomFileInput.init();​
 +
 +</​code>​
 +<code yaml config\packages\twig.yaml>​
 +twig:
 +    form_themes:​ ['​bootstrap_5_layout.html.twig'​]
 </​code>​ </​code>​