Twitter bootstrap UI引导弹出窗口将从屏幕上消失

我使用的是来自Ui-bootstrap（AngularJS）的Ui-bootstrap弹出框

页面边框的弹出框似乎从屏幕上消失了

有没有更好的方法来定位popover，这样它就可以留在屏幕内

正如你所看到的，府绸被剪掉了

angular.module（'ui.bootstrap.demo'，['ngAnimate'，'ui.bootstrap']）；
angular.module（'ui.bootstrap.demo'）.controller（'PopoverDemoCtrl'，function（$scope）{
$scope.dynamicpover={
内容：“你好，世界！”，
templateUrl:'MyPopoOverTemplate.html'，
标题：“标题”
};
});

动态
弹出文本：
弹出标题：
弹出式模板：
动态爆米花
带模板的Popover
{{dynamicpover.content}
弹出标题：

位置的
顶部
左边
赖特
底部

触发

滑鼠


其他
衰退
标题
正如其他人在评论中所说，UI引导程序不支持自动定位弹出窗口，而且似乎将来也不太可能

也就是说，您可以执行以下任一操作来提供帮助：

确保您正在使用容器、行和列。。。这将为您提供Boostrap中的“正确”填充，这将有助于确保（尽管不能保证）Popover不会离开屏幕

如果图元位于左侧，请始终将工具提示置于右侧。同样，这应该有所帮助，但不能保证

使用支持bootstrap4的用户界面引导分叉，该分叉具有更好的弹出窗口自动定位功能（以及其他改进）。这似乎得到了合理的维持

如果不在plunkr中查看所有代码，就很难确定您尝试了什么。您可以特别选择左、右、上、下等。如果您在页面右侧附近有一个控件，那么将其设置为“左”弹出框可能更有意义。这就是说，“智能”定位似乎正在进行中。您好，我有一个这样的插件：正如您在顶部看到的，鼠标指针和褪色的弹出框，文本从屏幕上消失了。。。谢谢你的帮助。不幸的是，你可能会运气不佳，除非你对它的渲染方式使用自己的版本。也就是说，从2小时前开始，AngularUI人似乎已经融入了自动定位功能。这就是说，在他们正式削减1.0工具提示位置之前，它可能不会成为发行版的一部分。考虑到默认值为
top
-