Question

当我在Chrome和Firefox上运行此HTML代码时，未加载引导程序文件（LOCAL）。但是当我在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

的方式

Answer 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">

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

1 个答案: