Как сделать по умолчанию боковую панель Boostrap закрытой? - PullRequest
Новая
       17

Как сделать по умолчанию боковую панель Boostrap закрытой?

0 голосов
/ 27 марта 2020

Я пытаюсь свернуть боковую панель по умолчанию при загрузке страницы. В настоящее время, когда я нажимаю на кнопку свертывания, которая находится на боковой панели, она сворачивается. Как я могу это сделать?

html код 

 <div class="wrapper">
   <nav id="sidebar">
    <div class="sidebar-header">
      <button type="button" id="sidebarCollapse" class="btn btn-info">
          <i class="fa fa-bars"></i>                  
      </button>
  </div>

        <ul class="list-unstyled components">
          <li class="nav-item active">
           ----------------
        </ul>

    </nav>    
      <div id="base" class="col pt-2" style="overflow: auto;">

      </div>
    </div>
  </div>

js функция 

$('#sidebarCollapse').on('click', function () {
    $('#sidebar').toggleClass('active');
  });

  $("#sidebar .nav-item").on("click", function () {
    $("#sidebar .nav-item").removeClass("active");
    $(this).addClass("active");
  });

css код: 

    #sidebar {
        min-width: 80px;
        max-width: 80px;
        text-align: center;
    }
    #sidebar.active {
        margin-left: 0 !important;
    }
    #sidebar .sidebar-header h3,
    #sidebar .CTAs {
        display: none;
    }
    #sidebar .sidebar-header strong {
        display: block;
    }
    #sidebar {
        margin-left: 0;
    }
    #sidebarCollapse span {
        display: none;
    }
}

1 Ответ

0 голосов
/ 27 марта 2020

если вы используете Jquery, попробуйте это: 

$( document ).ready(function() {
$("#wrapper").toggleClass("toggle");});

или HTML опция: 

<div id="wrapper" class="toggled">

Пожалуйста, проверьте остальные вопросы здесь, прежде чем спрашивать.

...