基础-5气氛包导航栏扩展崩溃不起作用

Question

我已经从大气层添加了基础5用于流星包。当我将以下内容放在我的top-nav-bar模板中时，导航栏不会在小屏幕上展开和折叠。你能告诉我我在这里失踪了吗？我还安装了运行“npm install -g scss”

的scss

<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>

以下是包裹清单：

• 标准应用内的程序包
• 保留-输入
• 天文台
• highcharts
• 帐户密码
• 谷歌
• 实
• 的OAuth
• 铁路由器
• 字体真棒
• HTML5-历史-API
• 天文台-阿波罗
• 天文台-伽利略
• 页-JS-IE-支持
• 检查员
• chartjs
• 对决
• jquery的
• jQuery的UI
• 帐户-UI-自举-3
• 基础-5

Answer 1

遇到同样的问题，只需删除foundation-5软件包并安装zurb-foundation软件包。看起来基础5包不起作用......