Html 如何像在移动模式下一样在Gentelella加载时始终隐藏侧边栏？

我需要在默认情况下始终隐藏侧边栏菜单，这样当用户单击切换按钮时，它将显示折叠菜单（nav sm）

---

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

不确定是否有人有此问题，但我发现：

nav sm、nav md和nav lg类定义了侧边栏的样式。现在，nav md是gentelella的原始模式，它隐藏了小型设备的de侧栏。我使用@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：这实际上给页面底部的蓝色背景带来了一个新问题。但那是另一个故事

---

这很有用：

你可以将nav.php打包并在代码中添加nav-sm属性，然后在你的indexwhater.php中添加一个include…

请用示例和具体的解决方案改进你的答案，这是一个老问题，所以我使用的标题不是最好的，但我没有使用php，它都是html和css。无论如何谢谢你！要去除底部的蓝色背景，请添加：footer{margin left:0px；}