Web サイトを構築して Bootstrap を使用しようとしていますが、bootstrap.min.css と bootstrap.min.js を正常に呼び出すことができません。
htdocs フォルダー内の「Bootstrap」という名前の新しいフォルダーに Bootstrap を解凍しました。Bootstrap フォルダーに、Web サイトのコードを格納する新しいフォルダーを作成しました。これは、組織の観点から、はるかに簡単だからです。また、.html ファイルで、htdocs の次のファイルパスで「bootstrap.min.css」と「bootstrap.min.js」を探すように指定しました。
フォルダ構造:
- css、fonts、js、myWebsite サブフォルダー、および test.html を含む Bootsrtap フォルダー。
- test.html を含む myWebsite フォルダー
HTML (これは、私の「myWebsite」フォルダー内の test.html ファイルです):
<!-- Bootstrap -->
<link href="Bootstrap/css/bootstrap.min.css" rel="stylesheet">
と
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="Bootstrap/js/bootstrap.min.js"></script>
Bootstrap のWeb サイトからサンプル コードを実行してみましたが、両方のファイルで
404 エラーが発生しました。
新しいフォルダーを作成してから href を指定してもうまくいかなかったので、Bootstrap の Web サイトのサンプル コードを「Bootstrap」フォルダーに直接入れてみたところ、完全に機能しました。
HTML (これは「Bootstrap」フォルダーの test.html です):
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
と
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
私が指定したファイルパスに何かがあると思いますが、その日の前半に作業した後、それを機能させることができませんでした。私が本当に知りたいのは、現在のフォルダー構造を維持しながら、「bootstrap.min.css」および「bootstrap.min.js」ファイルを正しく呼び出す方法です。ヘルプ/アドバイスをいただければ幸いです。
ありがとう