CSS和JS外部链接服务器部署

时间:2012-11-06 19:44:23

标签: html css twitter-bootstrap zurb-foundation

我使用twitter bootstrap和foundation(zurb)用于两个演示单列页面。我可以在本地机器上轻松测试主题,但我无法在自己的服务器上检测样式表和js文件。它托管在hostgator上,我不确定导致问题的原因。

如果我没有错误上传目录,因为它在服务器上,不必对服务器端托管有任何影响,不是吗?我只是从bootstrap网站上传基本的html页面示例,文本内容方面稍作修改。

所以

<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">

这个css文件引用也应该在服务器部署之后获取。我也尝试使用../并使用网站URL。

<link href="../css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="http://mywebsite.com/css/bootstrap.min.css" rel="stylesheet" media="screen">

我不知道这里出了什么问题,因为在服务器端我可以看到文本内容,但不能解析css和js。

链接到外部css或js的所有三种方法都是错误的?这可能是什么问题?

2 个答案:

答案 0 :(得分:0)

<link href="/css/bootstrap.min.css" rel="stylesheet" media="screen" />

使用网站根目录中的路径

  

/css/bootstrap.min.css

并使用<link />

关闭/>元素

答案 1 :(得分:0)

现在我已经看过这个例子,我可以说它肯定是css文件路径的问题。我在DOM检查员中确认了。

您可以将css上传到此处:

http://sparxengine.net/assets/css/bootstrap.css

或者您可以更改HTML模板以引用已上传的此文件:

http://sparxengine.net/css/bootstrap.css