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