Comment ajouter un Bootstrap info-bulle pour une case à cocher?

J'ai ajouté avec succès Bootstrap des info-bulles pour un projet d'apprentissage, je suis en train de faire. Jusqu'à présent, uniquement appliqué à lier tags:

<a href="#" data-toggle="tooltip" data-original-title="My Popup text">
    Foobar
</a>

Mais j'ai des cases à cocher qui mérite quelques explications. Je ne peux pas trouver des exemples de "Bootstrap" info-bulles pour les cases à cocher. Est-ce un faire-mesure chose?

Si j'ai le texte suivant:

<label>
    <input type="checkbox" id="foo" /> Foobar
</label>

J'ai bricolé un peu, mais suis nulle part d'essayer d'ajouter des fenêtres pop-up pour la case à cocher.

Suggestions?

OriginalL'auteur Argle | 2014-10-02

  1. 11

    Cela n'a aucune autre méthode. Simplement fait comme:

    <input type='checkbox' data-toggle='tooltip' data-placement='right' data-original-title="tooltip here" class='checkbox'/>

    Vérifier si vous faites toutes les info-bulle élément initialisé via jQuery. Mis cela dans la head:

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

    Et dans le cas où vous ne le saviez pas, les handicapés cases à cocher ne pas afficher les info-bulle. Vérifiez également si votre cases à cocher sont désactivées ou non.

    Qui a fait le tour. Si, comme vous l'avez là, il ne montre le bout de l'outil si vous êtes sur la case elle-même. J'ai déplacé le code que vous avez suggéré à la <label> tag et le tout amélioré. Je vous remercie beaucoup.
    Si cela fonctionne, vous pourrait le marquer comme Réponse. @Argle
    Cela ne fonctionne pas si la case à cocher est désactivée si.

    OriginalL'auteur Unrealist