我将“SB Admin 2”主题用于项目。
集成的 Metis 菜单在台式机和平板电脑上也能很好地工作。但是当我用手机访问该页面时，菜单并没有完全隐藏。只有当我滚动页面时。
您可以访问https://blackrockdigital.github.io/startbootstrap-sb-admin-2/pages/index.html进行测试。
如果将浏览器缩小到像移动屏幕一样，菜单不会隐藏。
我试图在我的 index.html 文件的底部这样做，$('#side-menu').metisMenu('collapse');但它不起作用。这也在 sb-admin-2.js 文件中定义。但它也不起作用。
你能帮我把菜单完全隐藏，即使在移动设备上？
尝试将 JQuery 版本降级到 2.1.3： https ://code.jquery.com/jquery-2.1.3.min.js
较新的 Jquery 版本的 metismenu 存在问题： https ://github.com/onokumus/metismenu/issues/128
您可以通过仅使用 css 隐藏它来做到这一点
.navbar-top-links {
display: none
}
或者，如果您不想始终仅在单击按钮时隐藏它。在当前无序列表 (ul) 之前创建一个具有这些属性的新按钮
<button type="button" class="collapse-2" data-toggle="collapse" href="#collapse2" aria-expanded="true">
并替换此代码
<ul class="nav navbar-top-links navbar-right">
使用此代码
<ul class="nav navbar-top-links navbar-right navbar-expand-sm navbar-collapse panel-collapse collapse" id="collapse2">
我设法让它像这样工作，只有你必须为按钮设置样式并将其放置在正确的位置。