Outils pour utilisateurs
html_css:bootstrap4:demarrage
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 | ||
|
html_css:bootstrap4:demarrage [2020/04/27 16:33] marclebrun |
html_css:bootstrap4:demarrage [2020/04/30 06:29] (Version actuelle) marclebrun |
||
|---|---|---|---|
| Ligne 1: | Ligne 1: | ||
| ====== Démarrage ====== | ====== Démarrage ====== | ||
| - | ===== Télécharger Bootstrap et jQuery ===== | + | Doc: [[https://getbootstrap.com/docs/4.4/getting-started/introduction/]] |
| - | <code bash> | + | ===== 1. Liens externes (CDN) ===== |
| - | wget https://github.com/twbs/bootstrap/releases/download/v4.4.1/bootstrap-4.4.1-dist.zip | + | |
| - | wget https://code.jquery.com/jquery-3.3.1.slim.min.js | + | |
| - | </code> | + | |
| - | + | ||
| - | ===== Extraire les fichiers ===== | + | |
| - | + | ||
| - | Extraire les fichiers nécessaires et les organiser comme ceci : | + | |
| - | + | ||
| - | <code> | + | |
| - | css/ | + | |
| - | bootstrap/ | + | |
| - | bootstrap.min.css | + | |
| - | main.css | + | |
| - | js/ | + | |
| - | bootstrap/ | + | |
| - | bootstrap.min.js | + | |
| - | jquery/ | + | |
| - | jquery-3.3.1.min.js | + | |
| - | popper/ | + | |
| - | popper.min.js | + | |
| - | </code> | + | |
| - | + | ||
| - | ===== Page de démarrage ===== | + | |
| <code html index.html> | <code html index.html> | ||
| Ligne 35: | Ligne 12: | ||
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||
| | | ||
| - | <link rel="stylesheet" href="/css/bootstrap/bootstrap.min.css" /> | + | <!-- BOOTSTRAP CSS --> |
| - | <link rel="stylesheet" href="/css/main.css" /> | + | <link rel="stylesheet" |
| + | href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" | ||
| + | integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" | ||
| + | crossorigin="anonymous"> | ||
| | | ||
| <title>Document</title> | <title>Document</title> | ||
| Ligne 42: | Ligne 22: | ||
| <body> | <body> | ||
| - | <script src="/js/jquery/jquery-3.3.1.min.js"></script> | + | <!-- JQUERY --> |
| - | <script src="/js/popper/popper.min.js"></script> | + | <script |
| - | <script src="/js/bootstrap/bootstrap.min.js"></script> | + | src="https://code.jquery.com/jquery-3.4.1.slim.min.js" |
| + | integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" | ||
| + | crossorigin="anonymous"></script> | ||
| + | |||
| + | <!-- BOOTSTRAP JS --> | ||
| + | <script | ||
| + | src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" | ||
| + | integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" | ||
| + | crossorigin="anonymous"></script> | ||
| + | <script | ||
| + | src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" | ||
| + | integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" | ||
| + | crossorigin="anonymous"></script> | ||
| + | | ||
| </body> | </body> | ||
| </html> | </html> | ||
| </code> | </code> | ||
| + | |||
| + | ===== 2. Intégration dans le projet ===== | ||
| + | |||
| + | //... à venir ...// | ||
html_css/bootstrap4/demarrage.1588005236.txt.gz · Dernière modification: 2020/04/27 16:33 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
