Installation

Pour fonctionner Bootstrap a besoin de certains éléments meta, d'une feuille CSS et de fichiers JavaScript.

MéthodeIntégration

Page de base :

1
<!doctype html>
2
<html lang="fr">
3
  <head>
4
    ...
5
    <!-- meta -->
6
    <meta charset="utf-8">
7
    <meta name="viewport" content="width=device-width, initial-scale=1">
8
    ...
9
    <!-- Bootstrap CSS -->
10
    <link 
11
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" 
12
      rel="stylesheet" 
13
      integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" 
14
      crossorigin="anonymous">
15
    ...
16
  </head>
17
  <body>
18
    <!-- Contenu de votre site -->
19
    ...
20
    <!-- JavaScript -->
21
    <script 
22
      src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" 
23
      integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" 
24
      crossorigin="anonymous"></script>
25
    <script 
26
      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" 
27
      integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" 
28
      crossorigin="anonymous"></script>
29
  </body>
30
</html>