Questão nº 43
Questão de Tecnologia da Informação · FGV ALEP 2024 (nº 43)
No contexto do framework Bootstrap, assinale a opção que indica a principal finalidade da classe d-none.
- AA classe d-none é usada para criar um contêiner responsivo que oculta seu conteúdo em dispositivos móveis, garantindo uma experiência otimizada para telas menores.
- BA classe d-none é usada para ocultar elementos em todas as resoluções de tela, independentemente do tamanho. (alternativa correta)
- CA classe d-none é utilizada para tornar um elemento visível somente em dispositivos de resolução média, excluindo telas pequenas e grandes.
- DA classe d-none é utilizada para tornar um elemento visível somente em dispositivos de resolução grande.
- EA classe d-none é projetada para criar um contêiner responsivo que exibe seu conteúdo somente em dispositivos móveis, tornando-o invisível em telas maiores.
Resposta comentada
Gabarito Alternativa B
A classe `d-none` do Bootstrap é uma utilidade que serve para esconder completamente um elemento HTML, fazendo com que ele não apareça na tela e não ocupe espaço no layout, como se não existisse.
(A) Incorreta: Esta alternativa descreve um comportamento de ocultação responsiva específica para dispositivos móveis (ex: `d-none d-md-block`), o que não é a função isolada da classe `d-none`. A armadilha aqui é que o Bootstrap é responsivo, e existem classes para ocultar apenas em certos tamanhos, mas `d-none` sozinha não faz isso; ela oculta em todos os tamanhos.
(B) Correta: A classe `d-none` aplica a propriedade CSS `display: none;` ao elemento, ocultando-o de forma universal, sem considerar o tamanho da tela ou dispositivo.
(C) Incorreta: Para tornar um elemento visível apenas em resoluções médias, seriam necessárias classes combinadas como `d-none d-md-block d-lg-none`, e não apenas `d-none`.
(D) Incorreta: Para tornar um elemento visível apenas em resoluções grandes, seriam necessárias classes combinadas como `d-none d-lg-block`, e não apenas `d-none`.
(E) Incorreta: Para exibir um elemento somente em dispositivos móveis e ocultá-lo em telas maiores, seriam usadas classes como `d-block d-sm-none`, o oposto do que `d-none` faz isoladamente.
Fonte: FGV ALEP 2024 Analista Legislativo - Desenvolvedor de Sistemas (Caderno Tipo 1). Reproduzida para fins de estudo.