Почему кнопка button не разворачивает меню ?
0
<body>
<div class="container-fluid" >
<div class="row">
<nav role="navigation" class="navbar navbar-inverse">
<div class="container">
<div class="navbar-header header">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h1><a href="#">Кино Монстр</a></h1>
<p>Кино наша страсть</p>
</div>
</div>
</div>
<button type="button" data-target="#navbarCollapse" data-target="collapse" class="navbar-toggle">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div><!--navbar-header header-->
<div id="navbarCollapse" class="collapse navbar-collapse navbar-right">
<ul class="nav nav-pills">
<li class="active"><a href="#">Главная</a></li>
<li ><a href="#">Фильмы</a></li>
<li ><a href="#">Сериалы</a></li>
<li ><a href="#">Рейтинг фильмов</a></li>
<li ><a href="#">Контакты</a></li>
</ul>
</div><!--navbarCollapse-->
</div><!--conteiner-->
<nav>
</div><!--row-->
</div><!--container-fluid-->
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/npm.js" ></script>
</body>2 ответов
0
Я думаю, что не работает кнопка button из-за неправильного подключения скриптов внизу страницы. Посмотри здесь живой пример, как должно быть:
https://fructcode.com/ru/courses/bootstrap/interactive-navbar-mobile/
0
Спасибо . Я сам нашел проблему. В button вместо класса data-toggle="collapse" был data-target="collapse"