Foundation 6菜单不响应

Question

我正在使用Foundation 6（第一次），并且我有以下顶级水平菜单。它工作并且具有基础类风格。我没有向菜单类添加任何个人风格，但是当我进入一个小屏幕或将我的浏览器缩小到较小宽度时，菜单项不会向下包装 - 或堆叠。它们从屏幕上向右消失，好像我使用的是固定宽度。

<div class="row"> 
    <div class="medium-12 columns menu-centered"> 
     <ul class="menu"> 
      <li><a href="index.html">Home</a></li> 
      <li><a href="about.html">About Us</a></li> 
      <li><a href="location.html">Location</a></li> 
      <li><a href="customer-reviews.html">Customer Reviews</a></li> 
      <li><a href="contact.html">Contact Us</a></li> 
     </ul> 
    </div> 
</div> 

我查看了很多这样的代码示例，我不知道我错过了什么。帮帮我？谢谢。

Answer 1

终于找到了在foundation.zurb网站： http://foundation.zurb.com/sites/docs/responsive-navigation.html

“响应菜单” “菜单中内置了一些响应CSS类，它允许你重新定位在不同屏幕尺寸的菜单。 “

<ul class="vertical medium-horizontal menu">