如何隐藏大型（桌面）的基础顶部栏？

Question

我是基金会的新手。我有一个顶部栏，我想隐藏它为桌面，因为我有另一个菜单。

我尝试使用 hide-for-large 类，但它对我不起作用。 我该如何解决这个问题？

Answer 1

尝试使用.hide-for-medium-up

Answer 2

类.topbar在display属性上使用！important。要覆盖此行为，请将以下内容添加到app.css文件或app.scss文件的底部。由于它位于文件的底部，因此优先考虑。

@media only screen and (min-width: 1440px) {
  .topbar {
    display:none !important;
  }
}

Answer 3

如果你的大型隐藏课程不起作用，那么可能是你有选择地包含组件并且没有在app.scss文件@import "foundation/components/visibility";中包含可见性类，你需要这个班让这个班上班。