Através do Bootstrap, temos a classe navbar para a definição de uma barra de navegação a partir de uma tag nav, apresentando diversas opções, como uso de tema dark. Qual das afirmativas seguintes é correta, no que se refere ao componente navbar?

Alternativa D

A questão aborda o componente de navegação (navbar) do framework Bootstrap, solicitando a identificação da afirmativa correta sobre suas classes e funcionalidades.

Análise das Alternativas

Para encontrar a resposta correta, precisamos entender a função de cada classe mencionada no contexto do Bootstrap:

• Alternativa A: Incorreta. A classe .navbar-brand é destinada ao logotipo ou nome do site, geralmente posicionado à esquerda. Ela não é chamada de "opção principal", pois representa a marca, não um link de navegação secundário.
• Alternativa B: Incorreta. A barra de navegação não impede o uso de classes de grid (como col-sm-*). É perfeitamente possível organizar elementos dentro do container da navbar utilizando o sistema de grid do Bootstrap.
• Alternativa C: Incorreta. Para indicar qual página está ativa em uma navegação Bootstrap, utiliza-se a classe .active dentro do link (ex: <a class="nav-link active">), e não a palavra "used".
• Alternativa D: Correta. A classe .navbar-nav é aplicada ao elemento <ul> (lista ordenada/não ordenada) que contém os links. Sua função é estilizar essa lista para que ela se comporte e apareça como os itens de menu horizontais característicos da barra de navegação.
• Alternativa E: Incorreta. A classe .navbar-expand-lg define o ponto de ruptura (breakpoint) onde a barra de navegação muda de um layout compacto (menu hambúrguer) para um layout expandido (links visíveis). Ela não serve para preencher espaço vertical.

Conclusão

A alternativa D descreve corretamente o propósito da classe .navbar-nav no ecossistema do Bootstrap, que é transformar uma estrutura de lista HTML comum nos itens de menu estilizados da barra de navegação.