Lors de la création d’un projet HTML, CSS et JS standard, il est possible d’utiliser un CDN pour inclure directement les fichiers CSS et JavaScript de Bootstrap dans le document HTML, sans avoir à les télécharger localement.

Voici comment 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, la différence entre les styles par défaut du navigateur et les styles appliqués avec Bootstrap sera illustrée. L’utilisation de Bootstrap ne sera pas abordée 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 obtenue uniquement en appliquant ces deux classes fournies par Bootstrap, sans nécessiter de styles CSS supplémentaires.