bootstrap无法正常工作，找不到文件

Question

我试图在我的网站中使用bootstrap framework我正在为大学任务设计，尽管我尽了最大的努力，但bootstrap并不想很好地发挥。

在Chrome中打开该页面后，我可以打开控制台，并且抱怨它无法找到引导程序文件（请参阅[img]）。我将html文件放在名为httpdocs的文件夹中，文件夹名为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的新手，据我所知，路径应该正确链接，但由于某种原因，它不是。有什么想法吗？

[

<!-- 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> 

 

只是为了涵盖所有基础，这是我应该如何标记它？我在页面左侧有一个侧栏，从页面的左侧跨越220px，我希望段落中的文本不被该侧栏隐藏。考虑到这一点，我如何将段落的div偏移到侧边栏边缘和屏幕边缘之间居中？

我看到使用以下内容的教程。这是引导程序的旧版本还是我试图使用错误的东西？

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

Answer 1

我可以在>属性的值中看到额外的href。

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

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

您还可以提供未找到的其他两个资产的链接以确认问题。

Answer 2

可能是因为相对路径错了。如果您告诉我们项目结构，我们可以调试它。 暂时你可以使用bootstrap 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>

Answer 3

好吧，使用bootstrap CDN可以解决问题，但另一个解决方案是删除尾随＆gt;在文件路径中。

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

更正为

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

解决了问题

Answer 4

快照中ERR_FILE_NOT_FOUND个错误中的文件路径网址清楚地表明您是以Chrome格式直接访问网页，而不是通过web-server。

首先我要指出的是，即使Chrome能够打开“local”文件，也会有很多事情变得混乱。

接下来，像bootstrap这样的框架不仅仅是普通的HTML文件，它们可以通过web-server进行访问。

让我们说你最终能够修复所有的目录路径和链接，那么呢？这个“修复”的代码无论如何都无法在服务器上运行。 所以在尝试“修复”某些内容之前，我建议您首先尝试通过本地环境中的WAMP / LAMP堆栈访问此站点。

非常简单，如果你在Linux上，那么你可以查找“安装LAMP”。如果你在Windows上（似乎是这种情况），那么我建议这个可移植的uWamp堆栈。您甚至不需要安装它或关心像apache / mysql这样的服务器。

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

Answer 5

确保您的路径正确（始终用于任何文件）。 在你的情况下，在bootstrap css文件路径的末尾有额外的>。

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

更改为

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