AdminLTE-如何折叠边栏而不折叠顶部导航栏?

时间:2018-07-12 04:01:22

标签: twitter-bootstrap-3 adminlte

AdminLTE 2.4.3演示:https://adminlte.io/themes/AdminLTE/index2.html

当我单击折叠图标时,我想折叠左侧栏而不是顶部导航栏。

我已经试过了,但是似乎找不到一个简单的解决方案。由于折叠功能是应用于<body>标签上的,因此我不确定如何解决它。

例如,我希望它像这样折叠:

enter image description here

1 个答案:

答案 0 :(得分:1)

添加这些样式

@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .main-header .logo {
    width: 230px;
    z-index: 1001;
    position: relative;
    color: white;
  }
}

@media (min-width: 768px) {
   .sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini {
       display: none;
   }
}

@media (min-width: 768px) {
   .sidebar-mini.sidebar-collapse .main-header .logo>.logo-lg {
       display: block;
   }
}