Installation de Bootstrap via CDN
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
index.html
Styles appliqués avec Bootstrap
index.html
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.
Merci pour vos commentaires !
Demandez à l'IA
Demandez à l'IA
Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion
Can you show me examples of the button with and without Bootstrap?
What are the main visual differences between the default and Bootstrap-styled buttons?
Can you explain what the `btn` and `btn-primary` classes do in Bootstrap?
Awesome!
Completion rate improved to 3.23Installation de Bootstrap via CDN
Glissez pour afficher le menu
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
index.html
Styles appliqués avec Bootstrap
index.html
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.
Merci pour vos commentaires !
