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

Question

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

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

Answer 1

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

Answer 2

使用 Foundation 如果您的 hide-for-large 类不起作用，可能是您选择性地包含组件并且没有在 app.scss 文件中包含可见性类@import "foundation/components/visibility";，您需要这个类才能工作。

Answer 3

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

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