应该如何使用 Twitter Bootstrap 响应式实用程序类，例如 .visible-desktop。我尝试按照 Bootstrap 网站上的示例进行操作，
<span class="visible-desktop">✔ Desktop</span>
在这样的图像上，
<span class="visible-desktop">
<img src="<%=(image_path('green.jpg'))%>"></img>
</span>
但是当我将浏览器窗口缩小到平板电脑或手机大小时，图像仍然存在。
以防万一有人想用Bootstrap 3.0做到这一点。嘿改变了这些类：
.visible-phone变成了.visible-sm
.visible-tablet变成了.visible-md
.visible-desktop变成了.visible-lg
.hidden-phone变成了.hidden-sm
.hidden-tablet变成了.hidden-md
.hidden-desktop变成了.hidden-lg
用法：
<span class='hidden-sm hidden-md visible-lg'>
可以在此处找到 Bootstrap 3.0 迁移指南。
这是一个很好的图表，解释了如何在 bootstrap 3.1 中使用这些
这对我有用 -
尝试将.hidden-phoneand添加.hidden-tablet到您的span课程中，如下所示：
<span class="visible-desktop hidden-phone hidden-tablet"> </span>
如果所有依赖项都已到位并正确引用（CSS 文件等），则该类.visible-desktop不应显示在平板电脑或手机上。
在 Bootstrap 自己的介绍性文档的这一部分中，您可以看到一个实时示例：http: //twitter.github.com/bootstrap/scaffolding.html#responsive
尝试在一个非常简单的标签上应用该类，并首先查看它是否有效。如果不是，它将不适用于任何其他标签。:)
祝你好运！
您是否复制/粘贴了您的代码？因为你有错别字...
<span class="visable-desktop">
应该
<span class="visible-desktop">