【问题标题】:Popover wrong arrow position弹出错误的箭头位置
【发布时间】:2018-02-01 12:01:43
【问题描述】:

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

预期行为

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

当前行为

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

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

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

提前致谢。

【问题讨论】:

    标签: popover ngx-bootstrap


    【解决方案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;
    }
    

    【讨论】:

    • 没问题:)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-01-22
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多