如何调试popover？

Question

在这个小提琴http://jsfiddle.net/mjmitche/qVdEy/6/,您可以看到弹出框内文本的对齐是完美的,但是,当我在我的网站上放置完全相同的css/js/html时,文字大于容器!

我试图弄清楚使用萤火虫发生了什么,但我必须将光标从弹出窗口移开以使用萤火虫,然后萤火虫消失.我无法弄清楚我的代码中的哪些设置正在改变演示文稿.弹出窗口是使用Twitter Bootstrap.js创建的(你可以看到小提琴中的资源)

Answer 1

没有人真正回答"如何调试弹出窗口":::只需将弹出窗口设置为加载时打开>> $('#element').popover('show')

Answer 2

在查看了弹出框 CSS 后，似乎没有明确定义的字体大小：http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css（只需在“popover”上查找并查看 CSS）

也许尝试添加以下 CSS 并从那里调整它：

.popover, .popover h3.title, .popover .content { font-size: 14px; }

希望有帮助:)