Bootstrap popover overlay未正确定位

Question

插入图像时我遇到了bootstrap的popovers问题.在第一次单击时,左侧的箭头有时太低.在第二次点击时一切正常.

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？任何帮助,将不胜感激.

UPDATE

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

Answer 1

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

希望我能帮忙！