デベロッパーツールで見ると、cosoleのところに下記のようなエラーが出ていた。
Uncaught Error: Bootstrap's JavaScript requires jQuery at
要は先にjQueryを読み込めということらしいです。
<header>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</header>
上記の場所で下記を挿入してjqueryを読み込めば正常に動作するようになりました。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>