Css 引导弹出框未正确定位

Css 引导弹出框未正确定位,css,twitter-bootstrap,angularjs,popover,Css,Twitter Bootstrap,Angularjs,Popover,我已经为bootstrap的弹出窗口实现了一些额外的位置,它们都工作得很好。不过,我在弹出窗口中的动态内容方面遇到了问题 内容呈现得很好,但是如果我对popover使用顶部定位,并且它的高度根据其内容(动态)发生变化,那么放置就会出错: 如何固定弹出框,以便在调整高度时,固定点保持不变?默认情况下,它具有顶部位置。请将其设置为底部,并根据其调整位置。然后高度会向上增加,不会影响您的设计。尝试以下方法: .popover{position:fixed;} 你会想要这样的东西: .bubble

我已经为bootstrap的弹出窗口实现了一些额外的位置,它们都工作得很好。不过,我在弹出窗口中的动态内容方面遇到了问题

内容呈现得很好,但是如果我对popover使用顶部定位,并且它的高度根据其内容(动态)发生变化,那么放置就会出错:


如何固定弹出框,以便在调整高度时,固定点保持不变?

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

尝试以下方法:

.popover{position:fixed;}

你会想要这样的东西:

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

是丢失的。

你能发布你的代码吗?PopOver的顶部位置应该考虑POPFF内容的正确高度。根据popover的高度设置顶部位置。您是否先设置popover top,然后在其中添加/更改内容?是否有机会看到当前代码或其中的一部分?我真的没有使用任何自定义代码来放置popover,只是使用标准的引导插件。但是,我在内容区域中使用angularJS代码,所以bootstrap不知道渲染内容的高度。有没有办法解决这个问题?哪个版本的引导?(原因是,可以访问BS3中存在的Popover事件,如“Showed”,将使这变得更容易。)我真的认为,在股票引导上发生这种情况将有助于我们帮助您更快地解决它。还值得注意的是,您使用的是哪个版本的引导,因为它从2到3发生了很大的变化