twitter-bootstrap Info-bulles de positionnement


Exemple

Par défaut, l'info-bulle apparaîtra au-dessus de l'élément. Nous pouvons utiliser data-placement attribut de data-placement pour définir la position de l'info-bulle en haut, en bas, à gauche ou à droite de l'élément.

<a href="#" data-toggle="tooltip" data-placement="top" title="Top tooltip">Hover</a>
<a href="#" data-toggle="tooltip" data-placement="bottom" title="Bottom tooltip">Hover</a>
<a href="#" data-toggle="tooltip" data-placement="left" title="Left tooltip">Hover</a>
<a href="#" data-toggle="tooltip" data-placement="right" title="Right tooltip">Hover</a

entrer la description de l'image ici

Nous pouvons également utiliser data-placement="auto" pour réorienter dynamiquement l'info-bulle. L'info-bulle dans l'exemple suivant, l'info-bulle s'affichera à gauche si possible, sinon elle s'affichera correctement.

<a href="#" data-toggle="tooltip" data-placement="auto left" title="To the left?">Hover</a