AdminLTE技术问题：如何强制侧边栏始终保持展开不关闭

方法一：通过JS强制锁定body类 #

直接监听页面加载和窗口尺寸变化事件，强制给<body>标签加上目标类，覆盖系统自动变更的逻辑：

// 页面加载完成后立即设置目标类
document.addEventListener('DOMContentLoaded', function() {
  document.body.setAttribute('class', 'sidebar-mini layout-fixed text-sm sidebar-collapse sidebar-closed');
});

// 监听窗口大小变化，防止分辨率变更时关键类被移除
window.addEventListener('resize', function() {
  document.body.classList.add('layout-fixed', 'text-sm');
  document.body.classList.add('sidebar-collapse', 'sidebar-closed');
  document.body.classList.remove('sidebar-open');
});

方法二：用CSS强制固定侧边栏布局 #

通过CSS覆盖AdminLTE的响应式样式，让侧边栏不受分辨率影响，始终保持固定展开状态：

/* 强制侧边栏保持固定定位与宽度 */
body .wrapper .main-sidebar {
  position: fixed !important;
  height: 100vh !important;
  width: 250px !important; /* 替换为你的侧边栏实际宽度 */
  left: 0 !important;
}

/* 适配内容区域边距，避免被侧边栏遮挡 */
body .content-wrapper,
body .main-footer {
  margin-left: 250px !important; /* 与侧边栏宽度一致 */
}

/* 彻底禁用移动端的侧边栏折叠逻辑 */
@media (max-width: 991.98px) {
  body.sidebar-collapse .main-sidebar {
    transform: none !important;
  }
  body.sidebar-collapse .content-wrapper,
  body.sidebar-collapse .main-footer {
    margin-left: 250px !important;
  }
}

方法三：修改AdminLTE初始化配置 #

如果使用AdminLTE官方初始化方法，直接在配置中禁用自动折叠功能：

$(function () {
  $('.main-sidebar').Sidebar({
    collapse: false, // 初始状态不折叠
    autoCollapse: false, // 禁用自动折叠逻辑
    autoCollapseSize: 0 // 设置为0表示任何分辨率下都不自动折叠
  });
});

内容的提问来源于stack exchange，提问作者xaotix