Question

我似乎无法弄清楚如何在浮动的元素上放置一个弹出窗口（在本例中为左侧）

每当我应用一个popover时，它会转到父容器的左上角，但是当我删除float css时，popover工作正常。

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>

SCRIPT

$(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

所以浮动popper

.popper{float:left;}

Bootply

浮动元素上的Bootstrap Popover

1 个答案: