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:57] marclebrun [Démarrage] |
html_css:bootstrap4:demarrage [2020/04/30 06:29] (Version actuelle) marclebrun |
||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
====== Démarrage ====== | ====== Démarrage ====== | ||
- | |||
- | |||
- | ===== 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 33: | 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 41: | 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 ...// | ||