如何在Foundation 6中更改/添加断点?

时间:2017-08-21 11:25:53

标签: zurb-foundation breakpoints breakpoint-sass

我使用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,);

有没有人能解决我的问题?

0 个答案:

没有答案