правильно обратиться к папке - PullRequest
0 голосов
/ 24 марта 2019

Я новичок в кодировании, и у меня возникли проблемы со ссылкой на нужную папку.

Вот моя структура папок:

folder structure

Вот мой 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>

А теперь моя страница выглядит так:

now

Может кто-нибудь пожалуйстапомогите мне обратиться к правильной папке.

Извините за "легкий" вопрос, но я был бы признателен за вашу помощь!

1 Ответ

1 голос
/ 24 марта 2019

Вы захотите переместить любые файлы, на которые вы хотите сослаться в вашем HTML-файле, в каталог public.Так, например, jquery-3.3.1.min.js следует переместить в каталог public/js вместо каталога верхнего уровня js (который может быть невидим для браузера ... хотя я не могу сказать наверняка, не увидевсодержимое вашего app.js файла).То же самое касается каталога bootstrap-4.3.1-dist - вы можете переместить весь каталог в каталог public.

Затем в своем HTML-коде вы можете ссылаться на свои исходные файлы jQuery и Bootstrap, например:

<script src="/js/jquery-3.3.1.min.js"></script>
<script src="/bootstrap-4.1.3-dist/js/bootstrap.min.js"></script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...