CSSが000webhostで動作していません

私はちょうど000webhostでシンプルなウェブサイトを開始しました。ローカルCSSが000webhostで動作していません

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <title>Tabs</title> 
     <meta charset="utf-8">   
     <meta name="description" content="Bootstrap."> 
     <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
     <script type="text/javascript" src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 
    </head> 

<body style="margin:20px auto"> 

    <div class="container"> 
     <div class="row header" style="text-align:center;color:green"> 

      <ul class="nav nav-tabs"> 
       <li class="active"><a>Tab 1</a></li> 
       <li><a>Tab 2</a></li> 
       <li><a>Tab 3</a></li> 
      </ul> 

      <p><br></p> 

     </div> 
    </div> 
</body>

、と私はそれを表示したいのは、次のようであるとして：私は、次のindex.htmlファイルをアップロードし What I want.

そして何であることなどに現れますwebhostは次のとおりです： Not what I want.

CSS/jsスクリプト（ブートストラップのもの）を使用していません。ページ上部に追加しました。どんな考え？

出典

2017-08-18 Temp Question

ブラウザでネットワークインスペクタを確認します。すべての資産が正しく読み込まれていますか？ – tadman

tbh私はこのようなことにはとても新しいので、資産が正しく読み込まれているかどうかを確認する方法がわかりません。ここにウェブサイトがあります：https://temptry.000webhostapp.com/編集：OK、コンソールの下にあるChromeの開発ツールは、スクリプト/シートは安全ではなく、読み込まれていないと言います。どんな考え？ –

コンソールのエラーを確認してください。

000webhostページをhttps（安全）に表示しているため、ハードコードされているアセットをhttp（安全でない）にロードしていません。

あなたはすべて読み込ま見るためにHTTP経由でサイトを表示することができ、次のいずれか、http://temptry.000webhostapp.com/

あるいは、より好ましくは（//と導く）HTTPSに依存しないこと、またはhttpsを直接指すようにあなたの資産にあなたの参照を修正。例：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">

出典

2017-08-18 01:32:29

うん、これはそれを修正した。ありがとう –

ダブルスラッシュは本当にこれらのものをプラグインするより良い方法です。特にローカルで最初にテストしている場合は、ミックスアップの機会が少なくなります。 – tadman

@tadmanミックスアップはいつも起こることがありますが、2014年の時点で、Paul Irishは常にhttps：//を使用することを推奨し、ダブルスラッシュをアンチパターンと呼びます：https://www.paulirish.com/2010/the-protocol -relative-url/ –

CSSが000webhostで動作していません

答えて

関連する問題