header.component. html
<!-- Page Header-->
<header class="page-header">
<!-- RD Navbar-->
<div class="rd-navbar-wrap">
<nav class="rd-navbar rd-sidebar_reverse rd-navbar_inverse" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-sm-device-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-device-layout="rd-navbar-fixed" data-xl-device-layout="rd-navbar-sidebar" data-xxl-device-layout="rd-navbar-sidebar" data-lg-layout="rd-navbar-fixed" data-xl-layout="rd-navbar-sidebar" data-xxl-layout="rd-navbar-sidebar" data-stick-up-clone="false" data-sm-stick-up="true" data-md-stick-up="true" data-lg-stick-up="true" data-xl-stick-up="true" data-xxl-stick-up="true" data-lg-stick-up-offset="50px" data-xl-stick-up-offset="50px" data-xxl-stick-up-offset="50px" data-body-class="rd-navbar-absolute" data-md-hover-on="false" data-lg-hover-on="false" data-sm-auto-height="false">
<!-- RD Navbar Top Panel-->
<div class="rd-navbar-top-panel">
<div class="rd-navbar-top-panel__main">
<div class="rd-navbar-top-panel__toggle rd-navbar-fixed__element-1 rd-navbar-static--hidden" data-rd-navbar-toggle=".rd-navbar-top-panel__main"><span></span></div>
<div class="rd-navbar-top-panel__content">
<div class="rd-navbar-top-panel__left">
.
.
</header>
index. html
<!doctype html>
<html lang="en">
<head>
.
.
<link rel="stylesheet" href="assets/css/bootstrap.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/fonts.css">
</head>
<body>
<app-root></app-root>
<!-- Javascript-->
<script src="assets/js/core.min.js"></script>
<script src="assets/js/script.js"></script>
</body>
</html>
Заголовок не отображается в моем проекте, хотя на уровне консоли у меня нет ошибок. Когда я удаляю класс rd-navbar, информация из заголовка отображается, но горизонтально, что не является ожидаемым результатом. Как я могу это исправить, пожалуйста?