Bootstrap CSS 文件无法在本地加载到 chrome 中答案

【问题标题】：Bootstrap CSS file cannot be loaded into chrome locallyBootstrap CSS 文件无法在本地加载到 chrome 中
【发布时间】：2025-12-29 17:55:06
【问题描述】：

当我在 Chrome 和 Firefox 上运行此 HTML 代码时，没有加载引导文件（本地）。但是当我在 IE 中运行它时，它工作正常。

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="Scripts/bootstrap-3.3.6/dist/css/bootstrap.min.css">

</head>
<body>


<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">WebSiteName</a>
    </div>
    <div>
      <ul class="nav navbar-nav">
       <li class="active"><a href="#">Home</a></li>
        <li><a href="#">Page 1</a></li>
        <li><a href="#">Page 2</a></li>
        <li><a href="#">Page 3</a></li>
      </ul>
    </div>
  </div>

</nav>

</body>
</html>

更新：该文件的名称是 nav.html。输出与之前相同。

这是项目的Folder Structure 这就是BootStrap Css folder structure looks

【问题讨论】：

标签： css twitter-bootstrap google-chrome

【解决方案1】：

将href 值替换为相对路径。

如果这些是您项目中的路径：

I:/Projects/Angular/learning/nav.html
I:/Projects/Scripts/bootstrap-3.3.6/dist/css/bootstrap.min.css

那么这就是你在链接标签中需要的 href 值：

<link rel="stylesheet" href="../../Scripts/bootstrap-3.3.6/dist/css/bootstrap.min.css">

【讨论】：

请发布您修改后的标记以及有关您项目结构的一些信息。哪个文件夹包含您问题中的 HTML 代码？
已上传文件夹结构图片。输出与之前相同。
我更新了答案以反映您项目的目录结构。