Olá! Novamente, não é uma dúvida, apenas um complemento. Depois de quebrar um pouco a cabeça com o bootstrap - já que não tenho muito experiência nesse assunto - vou postar o código do menu. Nos foruns, descobri que há divergências entre a versão do bootstrap usada na aula e a versão até essa postagem (04 de março de 2019), com alterações nas classes usadas. Tentei deixar o mais similar possível. Espero que ajude :D
Segue o código:
<nav class="navbar fixed-top navbar-expand-xl navbar-dark bg-dark">
<div class="container">
<div class="navbar-header">
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarText" aria-controls="navbarText"
aria-expanded="false">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="${s:mvcUrl('HC#index').build() }">Casa
do Código</a>
</div>
<div class="collapse navbar-collapse" id="navbarText">
<ul class="navbar-nav mr-auto">
<li class="nav-item"><a class="nav-link"
href="${s:mvcUrl('PC#listar').build() }">Lista de Produtos</a></li>
<li class="nav-item"><a class="nav-link"
href="${s:mvcUrl('PC#form').build() }">Cadastro de Produtos</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
</nav>