Les bulles d’aide élaborées COMPOSANTS D’INTERFACE:Bulles d’aide

Nous pouvons aussi insérer des bulles d’aide plus élaborée d’un point de vue mise en forme. Les remarques techniques précédentes sont toujours valables et indispensables pour cet exemple. Le dossier à télécharger pour cet exemple est nommé 08-Interface-07.

Voici le code complet utilisé pour cet exemple :

<div class="container"> 
   <div class="row"> 
       <div class="col"> 
          <button type="button" class="btn btn-primary" 
data-bs-container="body" data-bs-toggle="popover" 
data-bs-placement="right" title="Mollis Fusce Bibendum" data-bs-content=
"Cras justo odio...">Cliquez pour obtenir de l'aide</button> 
       </div> 
   </div> 
</div> 
  
<!-- La liaison au script JS de Bootstrap --> 
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/
bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgY
sOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script> 
  
<!-- Initialisation des bulles d'aides --> 
<script> ...