サーバーにcssが適用されない

Question

プログラミング初心者です。bootstrapでホームページを作りロリポップにアップロードしました。index.htmlや画像は反映されるのですが、外部ファイルであるbootstrapのcssやjs、j queryが動きません。どこがおかしいのでしょうか？

Comments

[blackonyx]

せめて「index.html」くらいは提示して下さらないと、ちゃんと回答できません。

Answer 1

chocolate7pool 様

以前、あなたが投稿なさっていた質問より、ソースコードを確認しました。今もそのままの状態である前提でお答えしたいと思います。

ローカルにて動作していたようなので、疑わしきは「index.html」の以下の部分です。

<link href="css/bootstrap.min.css" rel="stylesheet">


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<script src="js/bootstrap.min.js"></script>

ここで、jQueryへのパス（src="https://～/jquery.min.js"）は問題なさそうですが、bootstrapへのパスと実際にファイル（bootstrap.min.js）をアップロードされているディレクトリ（フォルダ）が違うのではないかと推測されます。（bootstrap.min.css）についても同様です。

つまり、HTML上の指定（src="js/bootstrap.min.js"）は、「index.html」のあるディレクトリに「js」というディレクトリがまたあって、その中に「bootstrap.min.js」が入っていることを指しています。（<link href="css/bootstrap.min.css" rel="stylesheet">）もしかり、「css」ディレクトリ下に「bootstrap.min.css」が入っていることになっています。

したがって、今一度、アップロードされたディレクトリ構成を確認してください。もし、違うようでしたら「href="～"」および「src="～"」の部分を修正してみてください。

Answer 2

パスが絶対パスにでもなっているのではないでしょうか？

Comments

[chocolate7pool]

絶対パスというのはどのように変更するのでしょうか？初心者なためわかりません。