Bootstrap 4 Mobile Navbar не будет разворачиваться - PullRequest
Новая
       22

Bootstrap 4 Mobile Navbar не будет разворачиваться

0 голосов
/ 14 октября 2018

Проблема в том, что при посещении моего сайта на мобильном устройстве невозможно использовать панель навигации, так как все ссылки скрыты и при нажатии кнопки, чтобы отобразить их, ничего не происходит.Я использую nginx, express, ejs и bootstrap 4. Я скопировал и вставил код в точности так, как это было на странице документации по bootstrap 4.У меня есть все необходимые компоненты для запуска начальной загрузки, включая popper.js, в консоли разработчика нет проблем, и все ресурсы загружаются нормально.Вот ссылка на мой сайт https://camelliott.tk

1 Ответ

0 голосов
/ 14 октября 2018

Насколько я вижу, вы указали кнопку на неверную цель, чтобы она ничего не загружала. 

<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
  <a class="navbar-brand" href="#">Camelliott</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
    // Actual Nav Here
  </div>
</nav>

В кнопке цель данных указана на "#navbarNav",но позже идентификатор div коллапса устанавливается на «navbarNavAltMarkup».Просто измените «navbarNavAltMarkup» на «navbarNav», чтобы решить вашу проблему.

...