应该如何使用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'>

可以在here中找到Bootstrap 3.0迁移指南。

09-20 20:06