Bootstrap Popovers定位不正确

Question

我一直在为bootstrap的popovers实现一些额外的位置，而且它们都运行得非常好。然而，我在弹出窗口中遇到动态内容问题。

内容呈现精细和花花公子，但如果我使用弹出的顶部定位，并且它的高度根据内容的变化（动态），则放置错误：

如何修复弹出窗口，以便在调整高度时，锚点保持不变？

Answer 1

试试这个：

.popover{position:fixed;}

Answer 2

默认情况下它位于顶部位置，请将其置于底部并根据它调整位置。然后高度会向上增加，不会影响你的设计。

Answer 3

你会想要这样的东西：

<强> FIDDLE

.bubble 
{
    position: absolute;
    left: -100px; /* -half width of bubble + half width of button */
    bottom: 100%; 
    margin-bottom: 15px; /* height of callout spike */
    width: 250px;
    min-height: 50px;
    padding: 5px;
}

从问题中的图像来看似乎是规则

margin-bottom: 15px; /* height of callout spike */

是缺少的那个。