Fatal编程技术网
  • css/
  • Css 正确引用文件夹

Css 正确引用文件夹

css html twitter-bootstrap bootstrap-4

Css 正确引用文件夹,css,html,twitter-bootstrap,bootstrap-4,Css,Html,Twitter Bootstrap,Bootstrap 4,我是新的编码，我有一些问题，以参考正确的文件夹 以下是我的文件夹结构： 以下是我的html代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>AGONEX G

我是新的编码，我有一些问题，以参考正确的文件夹

以下是我的文件夹结构：

以下是我的html代码：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>AGONEX GmbH</title>
    <link rel="stylesheet" href="bootstrap-4.1.3-dist/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="/stylesheets/style.css" />
    <link rel="stylesheet" type="text/css" href="/stylesheets/fixed.css" />
  </head>

  <body>
    <nav class="navbar navbar-dark fixed-top">
      <a class="navbar-brand mx-auto" href="#"
        ><img src="/images/agonex.png" alt=""
      /></a>
    </nav>

    <div class="video-background">
      <div class="video-wrap">
        <div id="video">
          <video id="bgvid" autoplay loop muted playsinline>
            <source src="/images/agonex.mp4" type="video/mp4" />
          </video>
        </div>
      </div>
    </div>

    <div class="caption text-center">
      <h1>Lorem</h1>
      <h3>Lorem</h3>
      <a class="btn btn-outline-light btn-lg" href="course">Lorem</a>
    </div>

    <!--- Start Course Section -->
    <div id="course" class="row justify-content-center">
      <div class="col-md-8 text-center">
        <h1>Lorem</h1>
        <p class="lead">
          Lorem, ipsum dolor sit amet consectetur adipisicing elit. Delectus,
          rem ut quos ex quibusdam nisi!
        </p>
      </div>
    </div>
    <!--- End Course Section -->

    <!--- Script Source Files -->
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="bootstrap-4.1.3-dist/js/bootstrap.min.js"></script>
    <!--- End of Script Source Files -->
  </body>
</html>
现在我的页面如下所示：

<script src="/js/jquery-3.3.1.min.js"></script>
<script src="/bootstrap-4.1.3-dist/js/bootstrap.min.js"></script>
有人能帮我查一下正确的文件夹吗

请回答这个简单的问题，但我将感谢您的帮助

您需要将HTML中需要引用的任何文件移动到公共目录中。因此，例如，jquery-3.3.1.min.js应该移动到您的public/js目录，而不是您的顶级js目录，它可能对浏览器不可见。。。虽然我不能肯定没有看到你的app.js文件的内容。bootstrap-4.3.1-dist目录也是如此-您可以将整个目录移动到公共目录中

然后在HTML代码中，您可以引用jQuery和引导源文件，如下所示：

<script src="/js/jquery-3.3.1.min.js"></script>
<script src="/bootstrap-4.1.3-dist/js/bootstrap.min.js"></script>
非常感谢您如此清晰的回答！这很有帮助，我很乐意帮忙。如果你觉得我的答案有用，如果你也能投赞成票，我将非常感激。谢谢