在Bigcommerce的模板中，如何通过响应式类来显示/隐藏对象？

Question

我熟悉Bootstrap以及如何通过响应式类显示/隐藏对象。但是，Stencil似乎使用它自己的类名，我无法找到它们的引用。我找到了一些Stencil文档，但我找不到它。

我正在使用主题展示，并在侧边栏代码中找到我可以通过声明class="drawer-item drawer-extras"在小屏幕上的抽屉中将对象显示为。我无法找到使侧边栏中的对象消失所需的内容，因此它不在小屏幕上的抽屉中。

Answer 1

您可以通过说出

之类的内容来添加css来隐藏或转换这些项目

@media (max-width 768px) {
    .drawer-item {
        display: none;
    }
}

有关嵌套这些媒体查询的信息，您可以查看Using multiple @media (max-width) CSS