No contexto do framework Bootstrap, assinale a opção que indica a principal finalidade da classe d-none.
- A)A 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.
Errada, porque d-none não cria contêiner responsivo nem é específica para ocultar apenas em dispositivos móveis.
- B)A classe d-none é usada para ocultar elementos em todas as resoluções de tela, independentemente do tamanho.
Certa, porque d-none define display: none e oculta o elemento em todas as resoluções de tela.
- C)A classe d-none é utilizada para tornar um elemento visível somente em dispositivos de resolução média, excluindo telas pequenas e grandes.
Errada, pois isso descreve uma classe com breakpoint responsivo, não a d-none isoladamente.
- D)A classe d-none é utilizada para tornar um elemento visível somente em dispositivos de resolução grande.
Errada, porque d-none não torna o elemento visível em telas grandes; ela faz o contrário, escondendo-o sempre.
- E)A 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.
Errada, já que a lógica está invertida: d-none não exibe em celulares e esconde em telas maiores; ela oculta em qualquer tela.
Gabarito: B
No Bootstrap, as classes de utilitários de exibição servem para controlar rapidamente se um elemento aparece ou não na tela. A classe d-none é a mais direta de todas: ela aplica display: none ao elemento, fazendo com que ele fique oculto em qualquer tamanho de tela. É um sumiço completo, sem drama e sem depender de breakpoint. Isso é diferente das classes responsivas do tipo d-sm-none, d-md-block, d-lg-inline, que mudam a exibição conforme a largura da tela. Nessas, você combina o comportamento com pontos de quebra. Já d-none, sozinha, vale para todas as resoluções. Por isso o gabarito é a letra B. A ideia central da classe é esconder o elemento sempre, independentemente de ser celular, tablet ou desktop. Em termos práticos, ela remove o elemento da renderização visual, embora ele continue existindo no HTML. Resumo de prova: se a questão falar em ocultar sem condição de breakpoint, pense em d-none. Se falar em variar a exibição conforme o tamanho da tela, aí você entra no mundo das classes responsivas do Bootstrap.