根据屏幕宽度在div内切换文本

Question

在跨度类似this之后，我有一个动态文本元素。但是，我想隐藏此内容，并在特定设备上以特定宽度将其显示回去。

例如：

<div id="123">
  <span class="glyphicon"></span> 
  some dynamic text
</div>

我想要实现的是在span之后找到动态文本，该文本随页面的不同而不同，并为宽度小于480px的移动设备隐藏它，然后在屏幕或宽度为480px和以下的设备上再次显示以上。

我该怎么做？请帮忙。