【Boostrap】Boostrapの読み込みの方法

Boostrapのセットアップを下記のサイトを見ながらしていました。
【https://webst8.com/blog/css-bootstrap4-howto/】

しかし、いざGoogle chromeでセットアップが出来ているか確認してみたところ、下記の表示がConsole内に出てきました
【GET file:///C:/Users/%E5%93%B2%E5%B9%B3/Desktop/HTML/css/boostrap.css net::ERR_FILE_NOT_FOUND
index.html:13 GET file:///C:/Users/%E5%93%B2%E5%B9%B3/Desktop/HTML/js/boostrap.bundle.js net::ERR_FILE_NOT_FOUND】

サイトと全く同じ通りやっていますが、エラーの原因が分かりません。このエラーの原因分かりますか？

下記が実際のコードです。

<!doctype html> <html lang="ja"> <head> <meta charset="utf-8"> <title>模写練習</title> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="stylesheet" href="css/boostrap.css"> </head> <body> <script type="text/javascript" src="js/jquery-3.5.1.js"></script> <script type="text/javascript" src="js/boostrap.bundle.js"></script> </body> </html>

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

回答1件

ベストアンサー

外部ファイルリンクの基本です。そのHTMLから見た位置にファイルがないんでしょう。
もしBootstrap本体のCSSもjsも直接調整することがないのでしたらCDNで良いかと思います。

html
1<!-- CSS only -->
2<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
3
4<!-- JS, Popper.js, and jQuery -->
5<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
6<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
7<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>