внешний css файл не отображается при использовании абсолютного пути, но в live-server в vscode все нормально

Question

Я пытался использовать bootstrap и внешний css, но внешний css файл не отображается.

Я проверил 3 способа открытия html file,

1. абсолютный путь в chrome [не работает]
2. vscode live-server [ok]
3. localhost с использованием node.js [ ok]

и в vscode live-server появилось предупреждающее сообщение, подобное этому

"живая перезагрузка невозможна без тега body или head"

Я проверил chrome dev tool network, это сетевой сеанс в chrome dev tool, а содержимое ниже <link> вставлено в мой html файл.

open          name       status    initiator    size
absolutePath  style.css  304       other        273B
liveServer    style.css  finished  signup.html  811B
localServer   style.css  304       (index)      242B


<link rel="stylesheet" href="css/styles.css" type="text/css" />
<link
  href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
  rel="stylesheet"
  integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
  crossorigin="anonymous"
/>

Нет проблема в моем пути к файлу.