CSS不能在000webhost上工作

我剛剛在000webhost上啓動了一個簡單的網站。我上傳以下index.html文件：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>

本地，什麼我希望它顯示爲，如下： What I want.

然後呢是上顯示出來webhost，如下所示： Not what I want.

它沒有使用我在頁面頂部添加的CSS/js腳本（bootstrap stuff）。任何想法爲什麼？

來源

2017-08-18 Temp Question

在瀏覽器中檢查您的網絡檢查器。你的資產是否正確加載？ – tadman

tbh我對這個東西很陌生，我不確定如何檢查我的資產是否正確加載。這裏是網站：https：//temptry.000webhostapp.com/。編輯：確定，在控制檯下的鉻開發人員工具，它表示腳本/工作表是不安全的，沒有加載。任何想法爲什麼？ –

檢查控制檯是否有錯誤！

您正在查看您的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 Mixups可以隨時發生，但截至2014年，Paul Irish建議始終使用'https：//'並將雙斜槓稱爲反模式：https://www.paulirish.com/2010/the-protocol -relative-url/ –

CSS不能在000webhost上工作

回答

相關問題