顶部酒吧元素没有排队

Question

使用Foundation 6顶栏可以使菜单项不对齐，我在做错了什么。：

<div class="top-bar">
  <div class="top-bar-left">
    <ul class="menu">
      <li class="menu-text"><a href='#'>HandyMan!</a></li>                 
      <li><a href="/gallery">Gallery</a></li>                          
    </ul>
  </div>  
</div>

从这个JSFiddle可以看出： https://jsfiddle.net/4ky7jjja/

我正在使用此处的文档： http://foundation.zurb.com/sites/docs/top-bar.html

我已经添加了一个超链接，但在这样的菜单栏上肯定是正常的。

Answer 1

第一个menu-text上的类<li>正在添加第二个（带链接）没有的额外填充。删除该类，将其添加到其他li，或使用您自己的CSS覆盖填充。