Bootstrap popover overlay未正确定位

时间:2014-10-21 09:08:28

标签: twitter-bootstrap

插入图片时我遇到了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中渲染图像也解决了问题,虽然我不明白为什么它不能在图像上使用指定的宽度和高度...

1 个答案:

答案 0 :(得分:2)

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

希望我能帮忙!