【问题标题】:Twitter bootstrap - automatically avoid tooltip overlapTwitter bootstrap - 自动避免工具提示重叠
【发布时间】:2014-05-25 18:14:35
【问题描述】:

我有多个动态定位的元素,每个元素都有一个工具提示。有时 2 个元素的工具提示位置会重叠。工具提示是否可以自动占据下一个可用的空放置位置(topbottomleftright)?

每个工具提示都会检查它是否可能与现有工具提示重叠,并在剩余的 3 个放置位置之间循环。

【问题讨论】:

  • 也许,最好避免一次出现多个工具提示。只显示其中之一。或者这是不可能的?

标签: twitter-bootstrap twitter-bootstrap-3 twitter-bootstrap-tooltip


【解决方案1】:

我刚刚遇到了重叠问题。解决方案可能不像您在 2 年前想要的那样,但这里是输出示例:

http://imgur.com/qvKWb2G

默认的工具提示位置是顶部中心。对于“替代”工具提示(图片上的问号),我使用以下代码:

data-toggle="tooltip" data-placement="bottom" title="%yourtitle%"

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-05-13
    • 1970-01-01
    • 1970-01-01
    • 2015-03-05
    • 2012-04-08
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多