bootstrap:ボタンをクリックしてもメニューが開かない

前提・実現したいこと

https://youtu.be/V_lAhqLXT9A
上記の動画に沿ってbootstrapを学習中に以下の問題が発生しました。

発生している問題・エラーメッセージ

ページ最上部のメニューを開く際に、ボタンをクリックしてもメニューが開かない。

該当のソースコード

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Nuno - Responsive Bootstrap Theme</title>
	<link rel="stylesheet" href="bootstrap-4.1.3-dist/css/bootstrap.min.css">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/fixed.css">
</head>

<body data-spy="scroll" data-target="#navbarResponsive">

<!--  Strart Home Section  -->
<div id="home">
	<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
		<a class="navbar-brand" href="#"><img src="img/nuno.png"></a>
		<button class="navbar-toggler" type="button" data-toggler="collapse" data-target="#navbarResponsive">
			<span class="navbar-toggler-icon"></span>
		</button>
		<div class="collapse navbar-collapse" id="navbarResponsive">
			<ul class="navbar-nav ml-auto">
				<li class="nav-item">
					<a class="nav-link" href="#"></a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="#"></a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="#"></a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="#"></a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="#"></a>
				</li>
			</ul>
		</div>
	</nav>
</div>
<!--  End Home Section  -->

<!--- Script Source Files -->
<script src="js/jquery-3.3.1.min.js"></script>
<script src="bootstrap-4.1.3-dist/js/bootstrap.min.js"></script>
<script src="https://use.fontawesome.com/releases/v5.5.0/js/all.js"></script>
<!--- End of Script Source Files -->
</body>
</html>

試したこと

スペルミスのチェック

補足情報（FW/ツールのバージョンなど）

行動規範の内容に同意します

回答1件

ベストアンサー

以下の箇所の button 要素について、 data-toggler 属性ではなく data-toggle 属性が必要です (動作確認用リンク)。

Collapse

You can use a link with the href attribute, or a button with the data-target attribute. In both cases, the data-toggle="collapse" is required.

HTML
1<button class="navbar-toggler" type="button" data-toggler="collapse" data-target="#navbarResponsive">
2  <span class="navbar-toggler-icon"></span>
3</button>

投稿2020/03/10 17:38