Popover 错误的箭头位置

Question

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

Expected behaviour

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

Current behaviour

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

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

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

提前致谢。

Answer 1

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

这个问题的出现是因为原版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;
}

Popover 错误的箭头位置

Popover wrong arrow position

popover

ngx-bootstrap