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

标签 html css twitter-bootstrap zurb-foundation

我正在为两个演示单栏页面使用 Twitter Bootstrap 和基础 (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的方法都不对?这里可能是什么问题?

最佳答案

尝试

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

使用从站点根开始的路径

/css/bootstrap.min.css

并关闭 <link />带有 /> 的元素

关于html - CSS 和 JS 外部链接服务器部署,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13258227/

相关文章:

CSS Bootstrap : height of row becoming 1px after adding pull-right

html - 使用 Bootstrap 的多行输入表单域

jquery - 如何在按钮上方而不是下方添加重复的 div

html - 无法将 div 粘贴到他父 div 的底部

css - 在 CSS 中,.a.b 与 .a .b 不同吗?

jQuery 作用于显示 :none in Twitter Bootstrap Nav Dropdown 的 HTML 元素

html - 我的链接在我网站的页眉部分不起作用?

javascript - Soundcloud 播放器背景 CSS 技巧

javascript - 完整的 bootstrap markdown 高度

html - 带有 2 列主要内容布局的粘性页脚