Différences
Ci-dessous, les différences entre deux révisions de la page.
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:05] thierry [Prérequis] |
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 20: | Ligne 19: | ||
found 0 vulnerabilities | found 0 vulnerabilities | ||
</code> | </code> | ||
+ | ===== Modifications ===== | ||
+ | Modifier les fichiers ''app.scss'' et ''app.js'' | ||
+ | <code javascript assets\styles\app.scss> | ||
+ | @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> | ||
+ | |||