2016-03-03 83 views
0

我正在尝试在我的网站中使用bootstrap framework,我正在为大学任务设计,尽管我尽了最大的努力,bootstrap并不想很好地运行。引导程序无法运行,找不到文件

随着页面在Chrome中打开,我可以打开控制台,它抱怨找不到引导文件(参见[img])。我在名为httpdocs的文件夹中有html文件,资产文件夹中有一个名为assets,带有js,css和img文件夹的文件夹。链接如下:

<link rel="stylesheet" type="text/css" href="../assets/css/bootstrap.css>" /> 
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> 
<script src="../assets/js/bootstrap.min.js" type="text/javascript"></script> 

我不能完全新HTML/CSS/jQuery和我的知识路径应正确链接,但由于某种原因,事实并非如此。有任何想法吗?

[File not found error in Chrome console]

<!-- start section body --> 
    <div class="container> 
     <div class="row"> 
      <div class="span9"> 
       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> 
      </div> 
     </div> 
    </div> 

只是为了覆盖所有的基地,这是我应该如何标记它?我在页面的左侧有一个侧边栏,它位于页面的最左侧,并且我希望段落中的文本不被该侧边栏隐藏。考虑到这一点,我怎样才能抵消侧边栏边缘和屏幕边缘之间居中的段落?

我看到使用下面的教程,而不是。这是引导程序的旧版本还是我试图使用错误的东西?

<div class="col-lg-9 col-lg-offset-3"> 
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> 
</div> 
+0

请出示在这里装载代码/需要引导文件 –

+0

像span9的类是旧版本的引导和类似'同事*'是新类引导版本。你试着用什么版本? –

+0

使用col-lg-9 col-lg-offset3的片段是最新的afaik。我通常在使用引导列格式时使用这些类。它应该为你产生预期的效果。 –

回答

1

我可以在href属性值看到一个额外>

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

不确定这是否是拼写错误,或者这是您的实际代码。

您还可以提供其他两个资产的链接,这些链接不能确认问题。

+1

应该是一个评论而已。 –

0

这可能是因为相对路径错误。如果您告诉我们项目结构,我们可以调试它。 暂时可以使用引导CDN

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /> 

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" type="text/javascript"></script> 
0

好的,使用引导CDN确实解决了问题,,但另一种解决方案是删除文件路径中的尾部>。

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

更正为

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

解决的问题

0

的在你的快照里面ERR_FILE_NOT_FOUND错误文件路径的URL清楚地表明,你是直接访问Chrome的网页,而不是通过一个web-server

首先我想指出的是,即使Chrome能够打开一个“local”文件,也有很多东西往往会失控。

接下来,像bootstrap这样的框架比正常的HTML文件多,它们被设计为通过web-server访问。

假设你终于可以修复所有的目录路径和链接了,那又如何?无论如何,这个“固定”代码肯定无法在服务器上运行。 所以之前试图“修复”的东西,我会建议你先试着通过本地环境上的WAMP/LAMP堆栈访问这个网站。

它非常简单,如果你在Linux上,那么你可以查看“安装LAMP”。如果你在窗口(这似乎是这种情况),那么我建议这个便携式uWamp堆栈。你甚至不需要安装它或关心像apache/mysql这样的服务器。

只需将存档解压缩到一个目录,然后将您的代码复制到根目录下的www文件夹。您只需运行位于根目录中的UwAmp.exe,一旦该符号变成绿色,您就可以通过此链接访问代码。 http://localhost/

+0

没有必要,这是一个链接bootstrap.css路径的错字 – RThomP

+0

好吧,酷!我只是想解决根本原因:)如果你希望在没有本地服务器的情况下继续开发,那很好。 –

+0

的根本原因是我的代码中有一个错误,而不是我没有使用网络服务器来查看我的网站的事实... – RThomP

0

确保您的路径正确(始终适用于任何文件)。 在你的情况下,在引导程序的css文件路径末尾有额外的>

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

更改为

<link rel="stylesheet" type="text/css" href="../assets/css/bootstrap.css" /> 
相关问题