html - 如何使Foundation 5顶部栏子菜单内联？

与默认的垂直堆栈相比，是否可以使Foundation 5顶部栏中的子导航菜单项内联/水平显示？

数小时以来，我一直在Chrome中更改CSS属性，但无济于事，并且无法找到和支持文档。任何帮助表示赞赏。

我想做这个（默认）：


对此：

最佳答案

好吧，假设您的html结构是这样的-下垂男人的基础结构

 <li class="has-dropdown hover"><a href="#">Main Item 1</a>
     <ul class="dropdown">
          <li><a href="#">Dropdown Level 2a</a></li>
          <li><a href="#">Dropdown Level 2b</a></li>
     </ul>
      </li>
    </ul>

您必须首先将ul dropdown的宽度更改为100％-足够的空间来浮动level2a和b

.top-bar-section .dropdown {width:xxx}

然后您将ul dropdown li的宽度也从100％更改为更小并浮动到uldropdown内部

 .top-bar-section .dropdown li {width:xxx}

和中提琴！

关于html - 如何使Foundation 5顶部栏子菜单内联？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24191363/