基于响应式布局显示 Bootstrap Tooltip答案

【问题标题】：Display Bootstrap Tooltip based on responsive layout基于响应式布局显示 Bootstrap Tooltip
【发布时间】：2012-11-21 09:55:34
【问题描述】：

我在将引导工具提示集成到触摸设备上的 button 元素时遇到了一些问题。在桌面布局上使用以下代码，当我将鼠标悬停在按钮上时，它将正确显示工具提示。如果我单击按钮，它会调用链接到按钮的 JavaScript（或 href 链接）。但是，在触摸设备上，由于没有悬停动作，所以当我单击按钮时会首先调用工具提示，我必须再次单击它才能调用该动作。我该如何解决这个问题？

<button class="btn btn-mini btn-want" data-title="Buy" data-url="/buy/c66860de7d6d10000035" rel="tooltip" data-original-title="">
            <i class="icon-plus"></i>
          </button>

我的一个想法是在 Bootstrap 中使用响应式类：http://twitter.github.com/bootstrap/scaffolding.html#responsive

我认为可以工作的课程是：.visible-desktop 和 .hidden-desktop

这是正确的方法吗？如果是这样，我如何为桌面布局实现工具提示但为非桌面布局禁用它？

【问题讨论】：

标签： twitter-bootstrap

【解决方案1】：

您可以使用Modernizr.touch 检测启用触摸的客户端 - 并为这些客户端禁用工具提示插件。

【讨论】：