Installation
Pour fonctionner Bootstrap a besoin de certains éléments meta, d'une feuille CSS et de fichiers JavaScript.
Méthode : Intégration
Page de base :
1
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>
Pour plus d'informations : https://getbootstrap.com/docs/5.3/getting-started/introduction/