Lorsque vous travaillez sur un projet HTML, CSS et JS pur, nous pouvons utiliser un CDN pour inclure les fichiers CSS et JavaScript de Bootstrap directement dans le document HTML sans les télécharger sur la machine locale.

Voici comment nous pouvons inclure Bootstrap via CDN dans le fichier HTML :

<!-- Include Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">

<!-- Include Bootstrap JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>

Différence de Comportement

Dans les exemples ci-dessous, nous allons démontrer la différence entre les styles par défaut du navigateur et les styles appliqués avec Bootstrap. Nous ne nous concentrerons pas sur l'utilisation de Bootstrap pour le moment.

Styles par Défaut du Navigateur

Styles Appliqués avec Bootstrap

Explication

Les deux exemples présentent un élément button orné des classes btn et btn-primary. L'apparence est réalisée uniquement en appliquant ces deux classes fournies par Bootstrap sans besoin de style CSS supplémentaire.