Блог

Главная - Вопросы по программированию - Адаптивная панель навигации не свернется

Адаптивная панель навигации не свернется

#html #css #bootstrap-4 #responsive-design

#HTML #css #bootstrap-4 #адаптивный дизайн

Вопрос:

Я работаю над простым веб-сайтом с Bootstrap, но я не могу заставить панель навигации работать с адаптивным дизайном. https://www.codeply.com/p/Jsz9jsiAqm Я искал решения, моя цель для данных, похоже, такая же, как у всех, и все равно, когда я нажимаю кнопку, она ничего не делает.

Спасибо!

Ответ №1:

В collaspe атрибуте вашего кода было collapse вместо data-toggle .

Вот обновленный код: — https://www.codeply.com/p/iowuSN2BGh

Комментарии:

1. О, чувак, это было так просто, и я был потерян.. Большое спасибо!

Ответ №2:

Возможно, с помощью оболочки

 <div class="d-flex toggled" id="wrapper">

и поместите скрипт, подобный этому

 $(window).resize(function(e) {
      if($(window).width()<=768){
        $("#wrapper").removeClass("toggled");
      }else{
        $("#wrapper").addClass("toggled");
      }
    });

Проверьте эту страницу https://mmenujs.com/docs/wrappers/bootstrap.html