基金会5顶吧

时间:2013-11-21 22:56:26

标签: responsive-design zurb-foundation

我是基金会的新手。我之前使用Foundation 4设置了一个站点,并且顶栏没有问题。但是现在,有了基金会5,我没有得到断点后(我想这就是我应该如何描述)下拉功能。

http://www.imdustindavis.com/test/foundation-5-topbar/

我错过了什么吗?

谢谢!

2 个答案:

答案 0 :(得分:1)

将标题区域中的代码修改为

  <ul class="title-area">
    <li class="name">
      <h1><a href="#">My Site</a></h1>
    </li>
    <!-- This line needed to display a touch icon on navbar for small screens -->
    <li class="toggle-topbar menu-icon"><a href="#"><span></span></a></li>
  </ul>

您无需执行任何其他操作即可。 Foundation.topbar.js文件中的javascript将自动创建并填充小屏幕的触摸菜单。

答案 1 :(得分:0)

在我看来,你需要

<li class="toggle-topbar menu-icon">
<a href="">
<span>Menu</span>
</a>
</li>

文档中未提及。

然而,我发现你的问题试图找出如何实际做任何事情。没有运气了。