article
seize-1A10 à créé cet article le 9 mars 2018

Tooltip Bootstrap 4

Ajouter un tooltip, encore appelé info bulle, au-dessus d'un texte, d'un bouton, d'une image.
Vous avez trouvé cet article utile ?
-
0
0
+

Mots clés :
BootstrapjQuery


<div  data-toggle="tooltip" title="info au dessus" style="text-align: center;">
Exemple de texte avec tooltip
</div>
Voici une div avec un tooltip qui s'affiche au-dessus
Deux attributs sont essentiels :
data-toggle="tooltip" indique que la balise aura un tooltip

title="info au dessus" Ce qui s'affiche dans le tooltip
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

    <script>
      $(function () {
        $('[data-toggle="tooltip"]').tooltip()
      })
    </script>











Créer une branche
Utilisez cet article comme base pour en créer une version différente