【问题标题】:AdminLTE - How to collapse sidebar but not top navbar?AdminLTE - 如何折叠侧边栏而不是顶部导航栏?
【发布时间】:2018-07-12 04:01:21
【问题描述】:

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

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

我玩过它,但似乎找不到一个简单的解决方案。因为折叠功能应用于<body>标签,我不知道如何绕过它。

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

【问题讨论】:

    标签: twitter-bootstrap-3 adminlte


    【解决方案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;
       }
    }
    

    【讨论】:

    • 我尝试添加这个,但顶部导航仍然崩溃?此外,代码中似乎有额外的大括号:)
    • 对不起,我错过了一些大括号,尝试更新的答案:)
    猜你喜欢
    • 2014-05-15
    • 1970-01-01
    • 2014-12-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-08-29
    • 1970-01-01
    • 2020-09-09
    相关资源
    最近更新 更多