应该如何使用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迁移指南。