如何在Gentelella中像在移动模式中一样总是在加载时隐藏侧边栏？

Question

我需要保持侧边栏菜单在默认情况下一直隐藏，这样当用户单击切换按钮时，它将显示折叠的菜单(nav-sm)。

换句话说，我需要在所有设备中具有移动模式的相同行为。我试了很多，但是没有任何进展！

Answer 1

不确定是否有人有这个问题，但这是我发现的：

nav-sm、nav-md和nav-lg类定义了侧边栏的样式。现在，nav-md是gentelella的原始模式，它隐藏了小型设备的侧边栏。我使用@media查询来完成此操作：

@media (max-width: 991px) {
    .nav-md .container.body .right_col,
    .nav-md .container.body .top_nav {
        width: 100%;
        margin: 0
    }
    .nav-md .container.body .col-md-3.left_col {
        display: none
    }
    .nav-md .container.body .right_col {
        width: 100%;
        padding-right: 0
    }
    .right_col {
        padding: 10px !important
    }
}

如果您在查询之外执行相同的操作，它将覆盖原始样式，并且侧边栏在任何设备上的工作方式都相同……这就是我想要的，尽管我确信这是一种相当丑陋的方式。如果有人看到了这篇文章，并且对一些事情有了更好的理解，我将不胜感激。

PS:这实际上给页面底部的蓝色背景带来了新的问题。但那是另一回事了。

这很有用：https://misc.laboradian.com/dashboard-sample/1/

Answer 2

您可以创建一个nav.php并将nav-sm属性放入您的代码中，然后在您的indexwhatever.php中创建一个include ...