css - 当目标元素浮动时，Bootstrap 3.2 popover无法正确定位

正如标题所说，我在使用Bootstrap popover正确定位目标元素浮动位置时遇到问题。这里的Bootply演示：

要点是我正在尝试创建一个顶部导航栏，其中一个最右边的元素，当点击时，显示一个弹出窗口。正如您在演示中看到的那样，弹出框出现在适当的位置，但是弹出窗口中间的箭头是轻微的，而不是它应该在的顶部。

如果浮动：对;从.wrapper元素中删除指令，然后弹出窗口正确显示。

我已经弄乱了popover本身的内容，看看是否有影响的事情，但它似乎没有这样做。例如，设置html：true或html：false无关紧要。 popover中HTML内容的存在与否似乎也没有什么区别。

此外，将目标元素放在Bootstrap HTML框架（容器＆gt; row＆gt; col-xs- *等）中并不能解决问题。实际上，我从该层次结构中的目标开始，看到了bug，然后从所述层次结构中删除了锚点，希望这只是我必须通过的一些CSS冲突。唉，情况似乎并非如此。

希望这对我来说是愚蠢的。任何帮助表示赞赏！