如何配置Foundation 6響應式菜單以在Drilldown和Dropdown類型之間切換？

Question

如何配置Foundation 6響應式菜單以便在移動設備brealpoint時從下拉菜單切換到下拉菜單？

Foundation documentation中的最後一個示例在中等或更大視圖中按預期工作，但仍顯示小視圖中的horiozontal菜單！

基本上，我如何讓菜單像舊的Foundation 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> 

Answer 1

得到了<ul>擺脫dropdown類和vertical和medium-horizontal添加類的列表，以便它看起來像這樣：

<ul class="vertical medium-horizontal menu" data-responsive-menu="drilldown medium-dropdown"> 

更新：與下拉箭頭的bugs並在響應菜單中摺疊子菜單的方向已在發佈中修復爲foundation-sites 6.2.0。

相關SO問題：Foundation 6 data-responsive-menu parameters