我使用 Foundation 6 开始了一个新项目，但有一个问题我无法解决。我的 Topbar 有很多链接，当涉及到 <= 800px 时，topbar 会分成两列，所以它看起来不再那么好了。现在我想添加一个新断点并将 data-hide-for 值设置为这个新断点。
<div class="title-bar" data-responsive-toggle="responsive-menu" data-hide-for="test">
<button class="menu-icon" type="button" data-toggle="responsive-menu"></button>
但是当我出于测试目的将 _settings.scss 中的中断点从 640px 更改为 800px 时，顶栏仍然在 640px 处中断，就像我没有更改任何内容一样。
$breakpoints: (small: 0,medium: 640px,test: 800px,large: 1024px,xlarge: 1200px,xxlarge: 1440px,);
有人可以解决我的问题吗？