sur ce violon http://jsfiddle.net/mjmitche/qvdey/6/ , vous pouvez voir que l'alignement du texte à l'intérieur de la popover est parfait, cependant, lorsque je pose exactement le même CSS / JS / HTML sur mon site, le texte est plus grand que le conteneur!
J'essaie de comprendre ce qui se passe à l'aide de Firebug, mais je dois déplacer mon curseur du Popover pour utiliser Firebug, puis le Firebug disparaît. Je ne peux pas comprendre quels paramètres dans mon code changent la présentation. Les porcoveres sont créés à l'aide de Twitter Bootstrap.js (vous pouvez voir les ressources dans le violon)
4 Réponses :
Bien après avoir regardé le Popover CSS, il semble qu'il n'y ait pas de format de police explicitement défini: http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css (il suffit de trouver sur "Popover" et regardez via le CSS)
Peut-être essayez peut-être Ajout des CSS suivants et le modifier à partir de là: P>
.popover, .popover h3.title, .popover .content { font-size: 14px; }
Cela répond à la question sous-jacente. FYI, pour la réponse à la question initiale, voir la réponse de John plus loin ci-dessous.
Qu'est-ce que je fais est un peu étrange et ne semble que travailler en chrome, pas Firebug. Les étapes sont:
Ce peu a travaillé pour moi, mais dès que je déplace ma souris après l'étape 3, l'événement de la souris-out est déclenché même si ce n'est plus la fenêtre active :( mais il apparaît dans la console avant cela, mais je peux ' t voir l'élément parce que je ne peux pas faire défiler pour le voir dans l'inspecteur chrome avant qu'il ne disparaisse
Personne n'a vraiment répondu à la question "Comment déboguer une popover" :::: Définir simplement la Popover pour ouvrir le chargement >> $ ('# élément'). Popover ("Afficher") < / p>
Cela devrait être la réponse acceptée à condition que la question pose sur la manière de déboguer.
Juste ce que je cherchais, vous pouvez également ajouter cette commande dans le panneau "Watch".
De plus, à I.e Firefox DevTools, vous pouvez sélectionner l'élément de déclenchement de l'inspecteur, cliquez avec le bouton droit de la souris sur "Utiliser dans la console" et faire quelque chose comme $ (temp0) .popover ("Afficher")
C'est le genre de chose que j'ai créé mon nouvel outil de visualiseur HTML Box pour. Vérifiez-le!
Vous mélangez sans aucun doute votre propre CSS avec Bootstrap. Votre propre CSS puis casse bootstrap, c'est vraiment aussi simple.
Quelle version de Firefox utilisez-vous, je ne reçois pas le même problème sur Firefox ou Chrome
Je pense que vous avez mal compris la rencontre. La popover sur Jsfiddle est parfaite (dans mon navigateur et le vôtre) mais sur mon site local (que seulement je peux voir), il est cassé, peu importe ce que les browswer. Vous ne pouvez pas voir le code sur mon site local.
L'image dans l'op est prise de mon localhost. Il n'y a pas de problème avec le code sur le violon.
La seule solution logique est ce que @tomvanderwoerdt a suggéré
Voici un piratage rapide je suis venu avec. Il copie le Popover HTML dans le corps afin qu'il soit toujours affiché.
Je sais que ma mise en œuvre crée évidemment le problème - c'est simple - mais ma question posait "comment déboguer Popover" car chaque fois que j'essaie de lire le CSS à l'aide de Firebug, la colleure disparaît. Je ne peux pas comprendre la source du problème
@Michael: Stackoverflow.com/ Questions / 1080803 / ...
Avez-vous regardé mon jsfiddle dans mon commentaire? Il close le Popover HTML dans le corps afin qu'il ne disparaisse pas, il peut donc être inspecté avec Firebug comme d'habitude.
@Jamwaffles merci, j'essayais toujours de trouver le vôtre. Merci pour l'explication. Soigné.