Zurb foundation ZURB基金会禁用顶杆倒塌

Zurb foundation ZURB基金会禁用顶杆倒塌,zurb-foundation,Zurb Foundation,如何禁用中/小屏幕的顶栏折叠 我遵循了中的说明,但无论我将最小宽度设置为什么,我都会得到相同的结果。如果您使用的是SCSS版本,则可以修改断点 $topbar-breakpoint: emCalc(1px); /* Change to 9999px for always mobile layout */ $topbar-media-query: "only screen and (min-width: #{$topbar-breakpoint})"; 我很欣赏这是一个老问题,但是今天我发现了这

如何禁用中/小屏幕的顶栏折叠


我遵循了中的说明,但无论我将最小宽度设置为什么,我都会得到相同的结果。

如果您使用的是SCSS版本,则可以修改断点

$topbar-breakpoint: emCalc(1px); /* Change to 9999px for always mobile layout */
$topbar-media-query: "only screen and (min-width: #{$topbar-breakpoint})";

我很欣赏这是一个老问题,但是今天我发现了这个问题,并在基金会网站文档中找到了一些东西。他们已经善意地创造了一个混合,将让你解开顶部酒吧,这是更好的

只需将以下内容添加到SCSS代码中:

.element {
  @include top-bar-unstack;
}

如果你处于一个需要应用到某些设备的情况下,那么你就可以把它封装在一个媒体查询中,同样地,基金会也有一个很酷的混音,例如:

.element {
  @include breakpoint(medium only) {
    @include top-bar-unstack;
  }
}

这是一个垃圾场景,但是你得到了不使用SCSS版本的想法。我试着修改上面的链接帖子中提到的行(我认为它实际上与您通过scss指向的行相同),但功能没有任何变化。我修改的行是3002。谢谢。您可以下载断点已更改的自定义版本。在这里下载之前,您将看到这是要修改的选项之一