【问题标题】:Change standard position of tooltip if hovered/active in angular如果以角度悬停/活动,则更改工具提示的标准位置
【发布时间】:2014-02-28 17:20:27
【问题描述】:

是否可以更改工具提示的标准位置?

就我而言,当使用“底部”时,我希望工具提示在激活工具提示的区域内稍高一些。

我搜索并没有在 bootstrap 或 bootstrap-templates 中找到设置此值的部分。

我想我必须使用 $tooltipProvider 来改变行为。

请看我的 plunkr:http://plnkr.co/edit/neSprkPssboCiHzM4uE2?p=catalogue 如您所见,工具提示显示在错误的位置。

【问题讨论】:

  • 请添加代码和/或您迄今为止尝试过的内容。
  • 我添加了一个 plunkr 来表达我的意思。

标签: javascript css angularjs twitter-bootstrap


【解决方案1】:

工具提示指令提供了几个可选属性来控制它们的显示方式。即

tooltip-placement:放在哪里?默认为“top”,但也接受“bottom”、“left”、“right”。

参考https://github.com/angular-ui/bootstrap/blob/master/src/tooltip/docs/readme.md

【讨论】:

  • 我想更改底部放置的行为,因为它将工具提示放置在下方。有没有可能做到这一点?
【解决方案2】:

要更改工具提示放置的标准行为(左、上、右、下),最好使用 CSS,例如将底部工具提示显示得更高一点(如我所愿):

.tooltip.bottom{
margin-top:-80px;
}

就我而言,我有一个覆盖标准引导 CSS 的 custom.css。你也可以在那里兑换。

【讨论】:

    猜你喜欢
    • 2015-05-21
    • 1970-01-01
    • 2022-01-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-09-22
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多