我的bootstrap网站在本地工作,但在尝试发布时无法加载css和图像

时间:2016-09-16 13:06:55

标签: html css web hosting

我对这一切都很陌生,过去几天我一直在使用bootstrap在我的第一个网站上工作。在本地,这种方法很好,但是现在,当试图在网上试用它时,它看起来像这样:

http://wearemanjaro.de

只是丑陋的html,没有css也没有加载任何图像。 我上面的链接链接到/manjarowebsitebootrap/robots/index.html路径中的html。 CSS(bootstrap和custom)位于以下目录中:/ manjarowebsitebootstrap / css /...

我的html中CSS的链接如下所示:

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

我的../img文件夹中的图片存在同样的问题。一切都在当地很好。我真的很喜欢一些帮助或建议:)

2 个答案:

答案 0 :(得分:0)

您需要做的第一件事是使用绝对路径而不是相对路径。 如果您的目录结构是:

-root

- 文档

--- doc1.php

- 包括

---的header.php

--- footer.php

--- css.css

- 的index.php

在标题中,您链接到我的CSS文件,如下所示:

<link href="includes/styling.css" type="text/css" rel="stylesheet" />

你需要这样做:

<link rel="stylesheet" type="text/css" href="/root/includes/css.css" />

您还需要在chrome上使用开发人员工具来帮助您调试这些内容。 我在那里看到图片没有上传,所以一旦你上传它们,如果路径正确,你将开始在网站上获取它们。

祝新的网络开发世界好运。:)

答案 1 :(得分:0)

您的文件结构已从本地更改为在线/直播。我检查了你的页面,放在CDN for Bootstrap和pow中,造型活跃起来。

使用以下CDN替换html头中的bootstarp的当前src=''路径以查看我的意思。

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css

您应该采取的后续步骤:记下您的服务器上所有文件的位置,您必须将所有相关文件放在服务器上,如代码所指定,即显示您有一个CSS文件夹。

此HTML文件也与CSS文件夹位于同一级别,或者此HTML文件位于其自己的文件夹中。如果不是,您的路径不需要包含../部分,您应该只使用css/yourFileName.css