@WhySoHard

Почему не работает кнопка collapse-toggler bootstrap 4?

Хочу подключить navbar с коллапсом но кнопка которая должна все открывать почему то не работает прошу помочь.
Вот весь код
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
	<link href="https://fonts.googleapis.com/css?family=Roboto:300i,400,500,700,900&amp;subset=cyrillic,cyrillic-ext" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="style.css">
  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  </head>
<body>

<nav class="navbar navbar-expand-md navbar-dark bg-warning justify-center"> 
	<div>
	<a href="#" class="navbar-brand"><i class="fa fa-hard-hat"></i>There will be a Logo</a>
</div><div class=""></div>
	<div class="collapse navbar-collapse">
	<ul class="navbar-nav">
		<li class="nav-item">
			<a href="#" class="nav-link">Link1</a>
		</li>
		<li class="nav-item">
			<a href="#" class="nav-link">Link2</a>
		</li>
		<li class="nav-item">
			<a href="#" class="nav-link">Link3</a>
		</li>
		<li class="nav-item">
			<a href="#" class="nav-link">Link4</a>
		</li>
	</ul>
</div>
<button class="navbar-toggler" data-toggle='collapse' data-target="#collapse-target">
		<span class="navbar-toggler-icon"></span>
	</button>
</nav>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
<script type="text/javascript" src='script.js'></script>
</body>
</html>
  • Вопрос задан
  • 1945 просмотров
Пригласить эксперта
Ответы на вопрос 1
megafax
@megafax
web-программист
data-target="#collapse-target"
Это указывает какой элемент коллапсится. У Вас такого нет. Добавьте его или кажите id для существующего
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы