Pular para o conteúdo principal

Questão de Programação — Frameworks em Programação — FUNDATEC 2023

ProgramaçãoFrameworks em Programação
Código
qq897131
Banca
FUNDATEC
Órgão
PROCERGS
Ano
2023
Nível
Superior
Cargo
ANC - Analista em Computação - Ênfase em Desenvolvimento Front-End
Como criar um menu de navegação responsivo utilizando o framework Bootstrap?
  1. A<nav class="navbar-fixed-top">...</nav>
  2. B<nav class="navbar navbar-static-top">...</nav>
  3. C<nav class="navbar navbar-expand-lg">...</nav>
  4. D<nav class="navbar navbar-inverse">...</nav>
  5. E<nav class="navbar navbar-toggleable-md">...</nav>
Revelar gabarito e comentário

GabaritoC — <nav class="navbar navbar-expand-lg">...</nav>

Comentário gerado por IA. É um apoio ao estudo, ancorado em fontes, mas pode conter imprecisões — confira sempre na fonte oficial (lei, súmula, edital e gabarito da banca). Encontrou um erro? Use “Reportar”.

Bootstrap – Menu de navegação responsivo

Gabarito: letra C. A classe navbar-expand-lg é a forma correta de criar um menu de navegação responsivo no Bootstrap 4/5. Ela faz com que o navbar se expanda horizontalmente em telas grandes (≥992px) e colapse em dispositivos menores, exibindo o botão hamburger. As demais alternativas utilizam classes inválidas, desatualizadas ou que não conferem responsividade.

NÃO CAIA NESSA!

A banca utiliza classes de versões antigas do Bootstrap (Bootstrap 3 ou versões alfa/beta do 4) para confundir. Memorize que a classe correta segue o padrão navbar-expand-{breakpoint} (ex.: sm, md, lg, xl).

Alternativa A — ❌ Incorreta

navbar-fixed-top não é uma classe válida no Bootstrap 4/5. Para fixar o navbar no topo, utiliza-se fixed-top. Essa classe não torna o menu responsivo.

Alternativa B — ❌ Incorreta

navbar-static-top existia no Bootstrap 3, mas foi removida nas versões seguintes. No Bootstrap 4, o comportamento padrão do navbar já é estático. Não está relacionada à responsividade.

Alternativa C — ✅ Correta ⟵ GABARITO

navbar-expand-lg é a classe oficial para criar um navbar responsivo. O breakpoint lg (large) define que o navbar será horizontal em telas a partir de 992px e colapsará em telas menores. Outros breakpoints disponíveis: sm, md, xl.

Alternativa D — ❌ Incorreta

navbar-inverse era utilizada no Bootstrap 3 para barras escuras. No Bootstrap 4/5, foi substituída por navbar-dark e navbar-light. Não tem função de responsividade.

Alternativa E — ❌ Incorreta

navbar-toggleable-md era uma classe do Bootstrap 4 alpha, substituída por navbar-expand-md nas versões beta e finais. Portanto, está desatualizada e não funciona corretamente.

PEGA ESSA DICA!

Decore o padrão navbar-expand-{breakpoint}. O breakpoint indica a partir de qual tamanho de tela o navbar deixa de ser colapsado e passa a ser exibido horizontalmente. Nas provas, fique atento às classes antigas que podem aparecer como distratores.

Gabarito: letra C.

Link permanente: /questoes/qq897131