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 href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
11
    ...
12
  </head>
13
  <body>
14
    <!-- Contenu de votre site -->
15
    ...
16
    <!-- JavaScript -->
17
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
18
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
19
		<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js" integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+" crossorigin="anonymous"></script>
20
  </body>
21
</html>