Bootstrap Twitter: tooltip
Vous pouvez créer des infos bulles assez rapidement avec
BOOTSTRAP twitter.
Exemple:
Ceci est un texte bla bla bla bla
et ce qui suit est une tooltip ( petite bulle info qui s'affiche au-dessus du lien ) :
Tooltip
| <a href="#" |
|---|
| class="link tooltip-link" |
|---|
| data-toggle="tooltip" |
|---|
| data-original-title="Une URL est une adresse web"> |
|---|
| Tooltip |
|---|
| </a> |
|---|
Comme vous pouvez le constater vous devez renseigner l'attribut
data-toggle et
data-original-title
pour ajouter cette information dynamique.
Il vous faudra également ajouter ce code
Javascript:
| <script> |
|---|
| $(function() |
|---|
| { |
|---|
| $(".tooltip-link").tooltip(); |
|---|
| }); |
|---|
| </script> |
|---|
CSSW