我应该用 twitter-bootstrap 构建一个响应式设计，如果有足够的空间，导航中的按钮有一个图像（图标）和文本，但如果没有，应该只有图像。像这样：
大屏幕：
<image1> text1; <image2> text2; <image3> text3
小屏幕：
<image1>; <image2>; <image3>
我怎么能那样做？谢谢！
问问题
348 次
1 回答
2
Twitter Bootstrap 中有一些类可以帮助您尝试做的事情。
.visible-phone
.visible-tablet
.visible-desktop
.hidden-phone
.hidden-tablet
.hidden-desktop
例如，如果您希望图标中的文本必须仅在您使用平板电脑或桌面时才显示，请使用以下布局：
<img src="..."><span class="hidden-phone">Text1</span>
<img src="..."><span class="hidden-phone">Text2</span>
...
您可以在Bootstrap - 响应式设计中查看有关此类的更多信息
于 2013-04-28T08:49:34.600 回答