我在将Bootstrap工具提示集成到触摸设备上的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
这是正确的做法吗？如果是这样，我如何为桌面布局实现工具提示，但是为非桌面布局禁用它？