弹出错误的箭头位置

Question

弹出框箭头结果略微向下（在左侧和右侧弹出框中）和向右（在顶部和底部弹出框中）移动。

预期行为

[左]https://i.stack.imgur.com/UQxQG.png

当前行为

[左]https://i.stack.imgur.com/Ch5NC.png

我找不到任何未解决的问题或错误。

ngx-bootstrap website 上有损坏的演示。 这是一种理想的行为吗？

提前致谢。

Answer 1

我来自 ngx-bootstrap 开发团队，不，这不是我们想要的行为 :)

出现此问题的原因是原始引导程序中的定位系统更改很少。在我们为此部署新定位之前，您可以通过添加样式来临时修复。

对于弹出框：

.bs-popover-top .arrow, 
.bs-popover-bottom .arrow {
    margin-left: -8px;
}
.bs-popover-left .arrow,
.bs-popover-right .arrow {
    margin-top: -8px;
}

对于工具提示：

.bs-tooltip-top .arrow,
.bs-tooltip-bottom .arrow {
  margin-left: -6px;
}
.bs-tooltip-left .arrow,
.bs-tooltip-right .arrow {
  margin-top: -6px;
}