Bootstrap Navbar не расширяется
Я использовал код из документации Bootstrap 4, чтобы создать свою собственную панель навигации. Навигационной панели Bootstrap удается легко свернуть, но она просто не расширяется, когда я нажимаю кнопку. Я включил в эту ручку jQuery, JavaScript и Bootstrap 4 JavaScript, но это просто не работает. Что-то не так с кодом?
Это мой код: https://codepen.io/lamtu/pen/LdRLWv
<nav class = "navbar navbar-expand-lg fixed-top navbar-dark bg-dark">
<a class = "navbar-brand" href = "#">Lam Tu</a>
<button class = "navbar-toggler" type = "button" data-toggle = "collapse" data-target = "#navbarSupportedContent" aria-controls = "navbarSupportedContent" aria-expanded = "false" aria-label = "Toggle navigation">
<span class = "navbar-toggler-icon"></span>
</button>
<div class = "collapse navbar-collapse" id = "navbarSupportedContent">
<ul class = "navbar-nav mr-auto">
<li class = "nav-item"><a class = "nav-link" href = "#about-me">About me</a></li>
<li class = "nav-item"><a class = "nav-link" href = "#porfolio">Porfolio</a></li>
<li class = "nav-item"><a class = "nav-link" href = "#contact">Contact</a></li>
<li class = "nav-item"><a class = "nav-link" href = "#social">Social</a></li>
</ul>
</div>
</nav>
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Вы используете неправильную версию popper.js:
https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js
Навбар рабочий: https://www.codeply.com/go/nU7rkG4Lu0
Работая над своим портфельным проектом на https://freecodecamp.org, у меня была аналогичная проблема, но она исправлена. Вот как выглядит мой код;
<div class= "w-100>
<nav class= "navbar nav-fill navbar-expand-
lg navbar-dark bg-dark fixed-top">
W-100 означает ширину 100%. Но если этого недостаточно, просмотрите весь мой код, особенно раздел после кнопки;
<div class = "justify-content-end collapse navbar-collapse"
id = "navbarSupportedContent">
<ul class = "navbar-nav">
<li class = "nav-item">
Вот моя ссылка, на случай, если вам понадобится дополнительная помощь или увидите что-то, что вам нравится;
https://codepen.io/stealthman22/full/PeZvNK/
Приветствую и счастливого кодирования!
Я добавил указанный выше файл, но он по-прежнему не работает. Не знаю, что не так.