Zurb foundation 如何配置基础6响应菜单以在下钻和下拉类型之间切换？

作品中的最后一个示例在中视图或大视图中如预期的那样，但在小视图中仍然显示水平菜单

基本上，如何让菜单像老基金会5号菜单那样运行？ 这种标记几乎可以工作，向下搜索可以工作一些，但是菜单项仍然水平排列

<div class="title-bar" data-responsive-toggle="example-menu" data-hide-for="medium">
  <button class="menu-icon" type="button" data-toggle></button>
  <div class="title-bar-title">Menu</div>
</div>

<div class="top-bar" id="example-menu">
  <div class="top-bar-left">
    <ul class="dropdown menu"  data-responsive-menu="drilldown medium-dropdown" >
      <li class="menu-text">Site Title</li>
      <li>
        <a href="#">One</a>
        <ul class="menu vertical">
          <li><a href="#">One</a></li>
          <li><a href="#">Two</a></li>
          <li><a href="#">Three</a></li>
        </ul>
      </li>
      <li><a href="#">Two</a></li>
      <li><a href="#">Three</a></li>
    </ul>
  </div>
  <div class="top-bar-right">
    <ul class="menu">
      <li><input type="search" placeholder="Search"></li>
      <li><button type="button" class="button">Search</button></li>
    </ul>
  </div>
</div>

菜单

站点标题












搜寻

从

中删除

下拉列表中的
类，并将类
垂直
和
中水平
添加到列表中，如下所示：



更新：与响应菜单中的下拉箭头和子菜单折叠方向相关的问题已在
foundation sites 6.2.0版本中修复

相关SO问题：