Стилизация применяется не ко всем файлам hbs
Структура Делая проект, я использую рули и имею структуру, как показано на картинке.
В index.hbs и album.hbs я использую партиал, стилизованный под style.css, связанный с layout.hbs (код ниже).
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="styles/style.css" />
</head>
<body>
<nav class="navbar">
<a class="navbar-brand" href="/">Homepage</a>
</nav>
{{{body}}}
</body>
</html>
Однако мой стиль применяется к index.hbs, но не к album.hbs, и я не понимаю, почему ... Файл css должен быть правильно связан с layout.hbs, потому что он применяется к одному из файлов.
Вот код на app.js
app.set("view engine", "hbs");
app.set("views", path.join(__dirname + "/views"));
app.use(express.static(path.join(__dirname, "/public")));
hbs.registerPartials(__dirname + "/views/partials");