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上工作

回答

相关问题