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/28 15:56] marclebrun |
html_css:bootstrap4:demarrage [2020/04/30 06:29] (Version actuelle) marclebrun |
||
|---|---|---|---|
| Ligne 1: | Ligne 1: | ||
| ====== Démarrage ====== | ====== Démarrage ====== | ||
| - | |||
| - | J'ai fait le choix de ne pas télécharger les fichiers directement | ||
| - | dans le projet, mais d'utiliser les CDN (Content Delivery Network). | ||
| - | |||
| - | ===== Bootstrap et jQuery ===== | ||
| Doc: [[https://getbootstrap.com/docs/4.4/getting-started/introduction/]] | Doc: [[https://getbootstrap.com/docs/4.4/getting-started/introduction/]] | ||
| - | CSS: | + | ===== 1. Liens externes (CDN) ===== |
| - | + | ||
| - | <code html> | + | |
| - | <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> | + | |
| - | </code> | + | |
| - | + | ||
| - | JS: | + | |
| - | + | ||
| - | <code html> | + | |
| - | <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script> | + | |
| - | <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> | + | |
| - | </code> | + | |
| - | + | ||
| - | ===== Font Awesome ===== | + | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | ===== 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/font-awesome/css/all.css" /> | + | <link rel="stylesheet" |
| - | <link rel="stylesheet" href="/css/main.css" /> | + | 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 43: | 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.1588089385.txt.gz · Dernière modification: 2020/04/28 15:56 (modification externe)
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
