Twitter bootstrap 文本/图像响应设计

我应该用twitter引导构建一个响应性设计，导航中的按钮有图像（图标）和文本（如果有足够的空间），但如果没有，应该只有图像。像这样：

大屏幕：

text1；文本2；text3

小屏幕：

我怎么能这么做？
谢谢
 Twitter引导程序中有几个类可以帮助您完成所要做的事情

.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>
...

Text1
文本2
...

您可以在
您做了什么中看到有关此类的更多信息，但更重要的是，问题在哪里？我的版本有帮助吗？如果您想要100%引导解决方案，您可以使用，如果不适合您的需要，您可以使用自定义媒体查询，如：
@media all和（最大宽度：XXXpx）