Bootstrap4でモーダルが表示されません

Bootstrap4でサンプルコードを見ながらモーダルを動かそうとしているのですが、
<button>要素を押しても動いてくれません。

このコードに誤りがありますか？
他の通常のBootstrapの機能は問題なく動いています。

HTMLは質問のために抜粋しています。
よろしくお願いします。

HTML
1	<head>
2		<link rel="stylesheet" href="./resouces/bootstrap.4.1.3/bootstrap.min.css">
3	</head>
4
5	<body>
6
7		<script src="./resouces/bootstrap.4.1.3/bootstrap.bundle.min.js"></script>
8        <script src="./resouces/bootstrap.4.1.3/jquery.3.3.1.min.js"></script>
9
10		<button class="btn btn-info" data-toggle="modal" data-target="#abc">モーダル</button>
11
12		<div class="modal" id="abc" tabindex="-1">
13			<div class="modal-dialog">
14				<div class="modal-content">
15					<div class="modal-header">
16						<h5 class="modal-title">Modal title</h5>
17						<button type="button" class="close" data-dismiss="modal">
18							<span>&times;</span>
19						</button>
20					</div>
21					<div class="modal-body">
22						<p>Modal body text goes here.</p>
23					</div>
24					<div class="modal-footer">
25						<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
26					</div>
27				</div>
28			</div>
29		</div>
30
31	</body>