twitter-bootstrap - Bootstrap 弹出框覆盖未正确定位

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/

也许可以在点击时绘制两次弹出框？任何帮助，将不胜感激。

更新

在页面上的隐藏 div 中渲染图像也解决了这个问题，尽管我不明白为什么它不适用于图像上指定的宽度和高度......

Answer 1

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

希望我能帮上忙!