Zurb Foundation 5中从文本到图标的响应式菜单

Question

我想从文本（大型桌面）到图标（中小型手机和平板电脑）进行菜单转换。

有没有办法用Foundation 5的工具做这样的事情？

PS。如果这个操作在bootstrap中是可行的，我将进行切换：）

Answer 1

您可以使用基础可见性类来显示/隐藏不同屏幕尺寸的特定元素，例如：

<li>
  <a href="#" class="show-for-medium-up">Desktop Text Link</a>
  <a href="#" class="hide-for-medium-up">Mobile Icon Link</a>
</li>

有关基金会可见性课程的更多信息：http://foundation.zurb.com/docs/components/visibility.html