29 lines
No EOL
1.1 KiB
HTML
29 lines
No EOL
1.1 KiB
HTML
<!-- Navbar Bootstrap -->
|
|
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
|
|
<div class="container">
|
|
<a class="navbar-brand" routerLink="/">AngularJS</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
<ul class="navbar-nav ms-auto">
|
|
<li class="nav-item">
|
|
<a class="nav-link"
|
|
routerLink="/"
|
|
routerLinkActive="active-link"
|
|
[routerLinkActiveOptions]="{ exact: isHomeActiveBool() }"
|
|
[class.active-link]="isHomeActive()">
|
|
Home
|
|
</a>
|
|
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" routerLink="/about" routerLinkActive="active-link">About</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" routerLink="/contacts" routerLinkActive="active-link">Contacts</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav> |