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