AdminLTE 3 - 较大的左侧导航菜单答案

【问题标题】：AdminLTE 3 - larger left navigation menuAdminLTE 3 - 较大的左侧导航菜单
【发布时间】：2020-12-16 12:09:22
【问题描述】：

我需要将 AdminLTE 3 中的左侧垂直菜单从默认的 250 像素放大到 350 像素。我试过这个 CSS：

.main-sidebar, .main-sidebar::before {
  width: 350px;
}   
body:not(.sidebar-mini-md) .content-wrapper, body:not(.sidebar-mini-md) .main-footer,
body:not(.sidebar-mini-md) .main-header {
  margin-left: 350px;
}

但这会导致错误的响应行为：调整页面大小时，左侧的半个菜单会消失，页面内容会向下伸展而不是向左滑动。

有没有办法扩大左侧菜单大小以保持响应能力？请举例。

【问题讨论】：

寻找我的截图：imgur.com/a/AX5cZtx
谢谢，但我找不到 _transition.scss 文件，我只在检查器中看到 _layout.scss 文件（请参阅：imgur.com/9aAAFto）。在 _layout.css 我有：imgur.com/SqCzR95 我必须在哪里设置我的自定义宽度？

标签： css adminlte

【解决方案1】：

使用这些设置似乎可以正常工作：

.main-sidebar, .main-sidebar::before {
  width: 350px;
}
body:not(.sidebar-mini-md) .content-wrapper, body:not(.sidebar-mini-md) .main-footer,
body:not(.sidebar-mini-md) .main-header {
  margin-left: 350px;
}

.sidebar-collapse .main-sidebar, .sidebar-collapse .main-sidebar::before {
  margin-left: 0px;
}

【讨论】：

对不起，没有！