Exemple d'info-bulle
```
Ici, le titre de l'info-bulle est spécifié directement dans le balisage de l'élément. Vous pouvez également définir des attributs de données personnalisés tels que « data-bs-title » pour inclure dynamiquement le contenu des info-bulles dans votre code JavaScript.
Script d'initialisation :
2. Incluez le bundle JavaScript de Bootstrap :
```html
```
Ce script combine à la fois Popper et Bootstrap JS, nécessaires au bon fonctionnement des info-bulles.
Configuration JavaScript (facultatif) :
Vous pouvez personnaliser davantage le comportement de l'info-bulle à l'aide de JavaScript. Bootstrap fournit la classe `Tooltip` pour interagir avec les info-bulles par programme.
```javascript
var tooltipTriggerList =[].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
var tooltipList =tooltipTriggerList.map(function (tooltipTriggerEl) {
renvoyer le nouveau bootstrap.Tooltip (tooltipTriggerEl)
})
```
En parcourant tous les éléments avec l'attribut `data-bs-toggle="tooltip"`, ce script initialise les info-bulles individuelles, donnant plus de contrôle sur le comportement et la possibilité de gérer les info-bulles de manière dynamique, par exemple lors de l'ajout de nouveaux boutons à la page.
Désormais, lorsque vous survolez un élément avec une info-bulle définie, vous verrez l'info-bulle Bootstrap 5 avec le contenu fourni apparaissant sans classes CSS ni style supplémentaires. Il se positionne automatiquement par rapport à l'élément cible à l'aide du moteur de positionnement intelligent de Bootstrap.
