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

基础6菜单没有响应

1 个答案: