我想将菜单从文本(桌面用大号)转换为图标(移动设备和平板电脑用中号和小号)。
有没有办法使用 Foundation 5 中的工具来做这样的事情?
附言。如果这个操作在 Bootstrap 中是可行的,我会进行切换:)
最佳答案
您可以使用 Foundation 的可见性类在不同的屏幕尺寸上显示/隐藏特定元素,例如:
<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
关于css - Zurb Foundation 5 中从文本到图标的响应式菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21834699/