Les bulles d’aide COMPOSANTS D’INTERFACE:Bulles d’aide

1. L’objectif BULLES D’AIDE:Insérer

Les bulles d’aide sont des éléments très communs dans les interfaces d’administration des CMS notamment. Cela permet aux utilisateurs d’avoir une aide contextuelle sur les fonctionnalités de l’application. Mais bien sûr, vous pouvez utiliser ces bulles d’aide dans les pages web de vos sites.

Le dossier à télécharger pour cet exemple est nommé 08-Interface-06.

2. Les paramètres techniques BULLES D’AIDE:Paramétrer

Les bulles d’aide de Bootstrap fonctionnent avec la librairie Popper.js (https://popper.js.org/). Il faut donc impérativement que votre page fasse référence à cette librairie.

Dans le chapitre consacré à l’installation de Bootstrap, nous avions étudié les liaisons aux librairies extérieures à Bootstrap. Dans les pages web qui font appel aux bulles d’aide il faut impérativement faire le lien avec la librairie Popper.js avant de faire le lien à bootstrap.min.js.

Voici le code que vous devez avoir avant la fermeture de la balise </body> :

<!-- Les liaisons aux scripts --> 
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" 
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8ab
tTE1Pi6jizo" crossorigin="anonymous"></script> 
<script...
Pour consulter la suite, découvrez le livre suivant :
couv_OW24BOO.png
60-signet.svg
En version papier
20-ecran_lettre.svg
En version numérique
41-logo_abonnement.svg
En illimité avec l'abonnement ENI
130-boutique.svg
Sur la boutique officielle ENI
Précédent
Les cartes
Suivant
Les bulles d'aide élaborées