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> | ||
| + | |||