Bootstrap не работает без плагина живого сервера Visual Studio Code - PullRequest
Новая
       18

Bootstrap не работает без плагина живого сервера Visual Studio Code

0 голосов
/ 05 мая 2018

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

Но когда я попытался открыть файл .html, просто дважды щелкнув по нему ( без живого сервера из Visual Code IDE ), он открылся, как будто не было ни js css, ни начальной загрузки.

Ждем любой помощи.

Очень маленький фрагмент кода с необходимыми частями здесь: 

<html lang="en">
  <head>

    <!-- Bootstrap core CSS -->
    <link href="/css/bootstrap.min.css" rel="stylesheet">

    <!-- Main css -->
    <link rel="stylesheet" href="/css/style.css">
</head>
  <body>

    <header>
      <!-- Fixed navbar -->
      <nav class="navbar navbar-light navbar-expand-md fixed-top bg-light border-bottom">
        <a class="navbar-brand text-info" href="#">AirFly</a> 

        <!-- Hamburger menu -->
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>

        <div style="position:relative;" class="collapse navbar-collapse" id="navbarCollapse">
            <div class="float-right">
            <ul class="navbar-nav">
              <li class="nav-item active">
                <a class="nav-link text-uppercase text-info" href="index.html">Home <span class="sr-only">(current)</span></a>
              </li>
              <li class="nav-item">
                <a class="nav-link text-uppercase text-dark" href="about.html">About us</a>
              </li>
              <li class="nav-item">
                <a class="nav-link text-uppercase text-dark" href="contact.html">Contact</a>
              </li> 
            </ul>
          </div>
          </div>    
      </nav>
    </header>

<script src="/js/popper.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="js/weather.js"></script>
    <script src="js/ui.js"></script>
    <script src="js/main.js"></script>
  </body>
</html>
...