css - 引导弹出框未正确定位

Question

我一直在为引导程序的弹出框实现一些额外的放置，它们都运行得很好。但是，我在弹出窗口中的动态内容方面遇到了麻烦。

内容渲染得很好而且花花公子，但是如果我对弹出框使用顶部定位，并且它的高度会根据它的内容（动态）变化，那么放置就会出错：

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

Answer 1

尝试这个：

.popover{position:fixed;}

Answer 2

默认为顶部位置，请设置为底部并根据它调整位置。然后高度会向上增加，不会影响您的设计。

Answer 3

你会想要这样的东西：

小提琴

.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 */

是缺少的那个。