Jquery 地基-5大气包导航杆膨胀塌陷不工作

我为meteor软件包添加了大气基金会-5。当我将以下内容放入顶部导航栏的模板中时，导航栏不会在小屏幕上展开和折叠。你能告诉我我错过了什么吗？我还安装了运行“npm安装-g scss”的scss

以下是软件包列表：

• 标准应用程序包
• 保留输入
• 天文台
• 海图
• 帐户密码
• 谷歌
• 脸谱网
• 非统组织
• 铁刨
• 字体真棒
• HTML5历史API
• 阿波罗天文台
• 伽利略天文台
• 页面js ie支持
• 检查员
• chartjs
• 摊牌
• jquery
• jquery用户界面
• 账户-ui-bootstrap-3
• 基金会-5

---

也有同样的问题，juat移除foubdation-5软件包并安装zurb foundation软件包。看起来基金会5号项目不起作用了

<template name="header_temp">
<nav class="top-bar docs-bar" data-topbar="">
  <ul class="title-area">
    <li class="name">
      <h1><a href="#"><font id="Q">Q</font><font id="o">o</font><font id="ll">ll</font></a></h1>
    </li>
    <!-- li class="toggle-topbar menu-icon"><a href="#">Menu</a></li -->
    <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
  </ul>

  <section class="top-bar-section">
    <!-- Right nav bar section -->
    <ul class="right">
      <li class="active"><a href="#">Right Button Active</a></li>
      <li class="has-dropdown">
        <a href="#">Right Button with Dropdown</a>
        <ul class="dropdown">
          <li><a href="#">First link in dropdown</a></li>
        </ul>
      </li>
    </ul>

    <!-- Left nav bar section -->
    <ul class="left">
      <li><a href="dashboard">Dashboard</a></li>
      <li class="divider"></li>
      <li><a href="#">Second Left Nav</a></li>
      <li class="divider"></li>
      <li><a href="#">Third Left Nav</a></li>
      <li class="divider"></li>
    </ul>
  </section>
</nav>