Почему кнопка button не разворачивает меню ?

<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/popper.js@1.16.0/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 ответов

Ваш ответ
