Zurb foundation ZURB基金会6.4.3 6.4 TopBar菜单类扩展菜单为中心不工作 测试时，我克隆了一个我用6.3.1创建的站点到另一个我安装了6.4.3的文件夹。一切似乎都正常显示，我使用的是浮动模式

无论如何，在6.3.1中，我使用了两个类来设计我的顶部栏：

扩展的

和

以菜单为中心的

我在看文档，据我所知，你必须包括

@菜单展开

和

@菜单对齐

不管怎么说，我试过了，6.4.3仍然只是吹坏了我的顶栏

我在这里发布了两个链接，它们都有相同的HTML和CSS代码进行比较

首先查看此版本-确保收缩浏览器，直到看到“移动”菜单并单击它

（工程罚款）


菜单









/*SCSS*/
$menu margin:0rem；
$menu margin嵌套：1rem；
$菜单项填充：1rem；
$menu图标间距：1.25rem；
$topbar填充：0；
$topbar标题间距：0rem 1rem 0rem 0；
$topbar输入宽度：200px；
$topbar取消堆叠断点：中等；
.顶栏ul.菜单li{
左侧填充：.5em；
右侧填充：.5em；
}
.顶栏ul.菜单li a{
边框：1px纯蓝色；
}
.右上栏ul.菜单li{
空白：nowrap；
}

（相同的代码，但请注意扩展和以菜单为中心无法工作，移动菜单变得疯狂）。如何使6.4.3版像6.3.1版一样发挥功能

另一方面：我喜欢在Codepen上测试一些小片段，但是，我不知道是否可以添加/修改app.scs，它用来添加注释输出包含（如foundation flex grid）或添加包含，如
@include menu expand；
）

<!-- html -->
      <div class="row top-row-wrapper">
    <div class="top-bar menu-centered"> <!-- menu-centered -->
        <div class="title-bar" data-responsive-toggle="my-menu" data-hide-for="medium">
            <button class="menu-icon center" type="button" data-toggle="my-menu" data-responsive-toggle="my-menu"></button>
            <div class="title-bar-title menu-left">MENU</div>

          </div>
    </div> 
    <div class="top-bar" id="my-menu">  
        <div class="top-bar-right">
          <ul class="menu expanded menu-centered" data-responsive-menu="drilldown medium-dropdown">        
            <li><a class="home-link" href="/">HOME</a></li>
            <li><a href="/simmental-sires/">SIRES</a></li>
            <li><a href="/simmental-donors/">DONORS</a></li>
            <li><a href="/simmental-bulls-for-sale/">BULLS</a></li>
            <li><a href="/simmental-heifers-for-sale/">HEIFERS</a></li>
            <li><a href="/bull-care/">BULL&nbsp;CARE</a></li>
            <li><a href="/contact/">CONTACT</a></li>
          </ul>
        </div>   
    </div>
</div>



/*SCSS*/
    $menu-margin: 0rem;
    $menu-margin-nested: 1rem;
    $menu-item-padding: 1rem;
    $menu-icon-spacing: 1.25rem;

    $topbar-padding: 0;
    $topbar-title-spacing: 0rem 1rem 0rem 0;
    $topbar-input-width: 200px;
    $topbar-unstack-breakpoint: medium;


    .top-bar ul.menu li {  
      padding-left:.5em;
      padding-right:.5em;
    }

    .top-bar ul.menu li a {  
      border:1px solid blue;  
    }

    .top-bar-right ul.menu li {  
      white-space:nowrap;  
    }