Bootstrap popover overlay未正确定位

Question

插入图片时我遇到了bootstrap的弹出窗口问题。在第一次单击时，左侧的箭头有时太低。在第二次点击时一切正常。

var content = '<p>Have a nice day</p><img src="https://si0.twimg.com/a/1339639284/images/three_circles/twitter-bird-white-on-blue.png" />';

$("#blob").popover({ content: content, html: true });

如果明确指定了图像的尺寸，也会发生这种情况，但不常见。

http://jsfiddle.net/34zp7hsu/

也许有可能在点击时画两次popover？任何帮助将不胜感激。

更新

在页面上的隐藏div中渲染图像也解决了问题，虽然我不明白为什么它不能在图像上使用指定的宽度和高度...

Answer 1

你的问题是popover类的css规则之一：max-width: 276px; 所以你只需添加一个新规则，如：max-width：none;

希望我能帮忙！