Bootstrap

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

integrity="

↑

これは不正ファイル読み込み防止の為。コピペするだけ。

コピペをそのまま張り付ければ良いのだが、JS読み込みの順番をかえないこと

動かなくなる

JQuery

popper.js

bootstrap.js

の順番です。