本地CSS和JS文件没有链接到html页面

Question

我有一个基本html文件，我希望所有其他页面都继承某些特性。但是，虽然我继承了网页，例如。 main.html可以引用外部链接，例如：

<link href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.css" rel="stylesheet">

没问题。但是当我尝试下载twitter引导程序并将文件存储在与所有其他html页面相同的目录中时，它无法链接到该文件，并且它给出了404错误。我的文件结构很简单;一个名为templates的文件夹，其中包含此目录中的所有html，css和js文件。

所以我这样做：

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

当我尝试这样做时：

<link href="http://localhost/templates/bootstrap.css" rel="stylesheet" media="screen">

我没有收到404错误，但是从网页上的视图来源，如果我尝试访问该页面，我会收到错误消息：

  

Firefox无法与服务器建立连接。

我真的不知道为什么这个“简单”的东西不起作用。

Answer 1

你的html中是否有base标签？如果是这样，它可能会说firefox特定的主机在哪里查找文件，不同于localhost。 尝试在Firefox或Chrome开发者工具上使用Firebug，以查看它尝试检索的网址。