jquery - float 元素上的 Bootstrap Popover

Question

我似乎无法弄清楚如何将弹出窗口放在 float 的元素上(在本例中为左侧)

每当我应用弹出窗口时，它都会转到父容器的左上角，但是当我删除 float css 时，弹出窗口工作正常。

演示:Bootply

HTML

<a class="popper" href="#" data-toggle="popover" data-trigger="hover" data-placement="right" data-html="true" data-content="test textbox">
    <img class="avatar" src="http://www.polyvore.com/cgi/img-thing?.out=jpg&amp;size=l&amp;tid=51287906" height="60" width="60">
</a>

脚本

$(function ()  
  {
    $('.popper').popover({
    trigger: 'click',
  });
});

CSS

.avatar {
  width: 60px;
  height: 60px;
  margin: 10px;
  border:2px solid black;
  border-radius: 500px;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  float:left;
  display: inline-block;
}

如有任何帮助，我们将不胜感激!

Answer 1

所以 float 波普尔

.popper{float:left;}

Bootply