Outils pour utilisateurs
Panneau latéral
html_css:bootstrap5:compilation_vscode
Téléchargement des sources et compilation dans VS Code
Tutoriel: https://www.youtube.com/watch?v=uc5Vt6-jeCg
Aller sur https://getbootstrap.com/docs/5.0/getting-started/download/ et télécharger les sources.
Décompresser l'archive dans un nouveau dossier et ouvrir ce dossier dans VS Code.
⇒ Utiliser l'extension Live Sass Compiler
Structure du dossier :
/home/marc/mon_projet ├── bootstrap-5.0.2 │ ├── build │ ├── dist │ └── ... ├── index.html └── style.scss
Fichier index.html
<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <title>Test Bootstrap 5</title> </head> <body> </body> </html>
Fichier style.scss
@import './bootstrap-5.0.2/scss/bootstrap.scss';
⇒ Le compilateur va inclure bootstrap.scss qui inclut lui-même tous les autres fichiers scss de bootstrap. Le résultat se trouvera dans style.css et contiendra tout Bootstrap ainsi que nos modifications et ajouts.
html_css/bootstrap5/compilation_vscode.txt · Dernière modification: 2023/10/14 06:09 par marclebrun
Outils de la page
Sauf mention contraire, le contenu de ce wiki est placé sous les termes de la licence suivante : CC Attribution-Share Alike 4.0 International
