Cramnurbel

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.

====== Intégration de Bootstrap 5 (Sass) ======

Explications complètes sur la page [[html_css:bootstrap5:start|]]

En résumé :

  * Télécharger les **sources** depuis [[https://getbootstrap.com/docs/5.0/getting-started/download/]]
  * Les décompresser dans le dossier **public/css/bootstrap-5.x.x** du projet
  * Créer un fichier **public/css/style.scss** dans lequel on importe **bootstrap.scss**
  * L'extension **Live Sass Compiler** de VSCode se chargera de créer un gros fichier **style.css** contenant Bootstrap + notre propre CSS.

<code css style.scss>
@import './bootstrap-5.0.0-beta2/scss/bootstrap.scss';
@import /* (autres fichiers scss) */;
</code>

Et dans le template de base, on intègre juste le fichier **style.css** résultant
de la compilation :

<code html templates/base.html.twig>
<!DOCTYPE html>
<html lang="fr">
    <head>
        ...
        <link rel="stylesheet" href="{{ asset('css/style.css') }}" />
    </head>
    ....
</html>
</code>

Cramnurbel

Outils pour utilisateurs

Outils du site

Outils de la page