我对这一切都很陌生,过去几天我一直在使用bootstrap在我的第一个网站上工作。在本地,这种方法很好,但是现在,当试图在网上试用它时,它看起来像这样:
只是丑陋的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文件夹中的图片存在同样的问题。一切都在当地很好。我真的很喜欢一些帮助或建议:)
答案 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