【问题标题】:Responsive menu from text to icon, in Zurb Foundation 5Zurb Foundation 5 中从文本到图标的响应式菜单
【发布时间】:2014-02-18 02:08:11
【问题描述】:

我想将菜单从文本(桌面大)转换为图标(移动和平板电脑的中小)。

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

PS。如果此操作在引导程序中可行,我将进行切换:)

【问题讨论】:

    标签: css twitter-bootstrap-3 zurb-foundation


    【解决方案1】:

    您可以使用 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>
    

    有关 Foundation 可见性类的更多信息:http://foundation.zurb.com/docs/components/visibility.html

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-04-07
      • 1970-01-01
      • 2023-04-01
      • 1970-01-01
      • 1970-01-01
      • 2013-06-02
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多