实现 CSS：导航栏由于侧导航而崩溃 - 如何防止？答案

【问题标题】：Materialize CSS: Navbar is collapsing because of side nav - how to prevent?实现 CSS：导航栏由于侧导航而崩溃 - 如何防止？
【发布时间】：2021-12-25 00:58:49
【问题描述】：

我正在构建一个带有导航栏和侧导航的网站。侧导航应该折叠，导航栏（不是小屏幕）不应该。

document.addEventListener('DOMContentLoaded', function() {
    var elems = document.querySelectorAll('.sidenav');
    var instances = M.Sidenav.init(elems, {'draggable':true});

由于上面的代码，导航栏和侧导航都会崩溃。如何防止导航栏崩溃？

【问题讨论】：

标签： html css materialize

【解决方案1】：

我忘记从导航栏条目中删除 hide-on-med-and-down 类。

【讨论】：