Questão nº 51
Questão de Tecnologia da Informação · FCC TJ-MA 2019 (nº 51)
No desenvolvimento de sites muitas vezes é necessário criar botões como mostrados na figura abaixo, indicando algum procedimento de carregamento no site, em que a imagem de um pequeno círculo fica girando no interior do botão.
Usando Bootstrap 4, em condições ideais, este botão pode ser criado por meio do bloco de código abaixo.
<button class="btn btn-primary">
I
Carregando..
</button>
O código ficará correto se a indicação I for substituída pela instrução:
- A`<spinner class="loading-circle"></spinner>`
- B`<span class="spinner-circle"></span>`
- C`<label class="shape-loading"></label>`
- D`<span class="spinner-border spinner-border-sm"></span>` (alternativa correta)
- E`<label class="spinner-loader"></label>`
Resposta comentada
Gabarito Alternativa D
Spinners são componentes visuais animados do Bootstrap usados para indicar que um processo está em andamento, como um carregamento de dados, sem travar a interface do usuário. Eles são criados usando tags `<span>` com classes específicas do Bootstrap.
(A) Incorreta: A tag `<spinner>` não é um elemento HTML padrão nem um componente Bootstrap válido, e a classe `loading-circle` não existe no Bootstrap.
(B) Incorreta: Embora a tag `<span>` esteja correta, a classe `spinner-circle` não é a classe oficial do Bootstrap 4 para criar um spinner circular. A armadilha aqui é que o nome da classe soa plausível, mas não corresponde à sintaxe exata do framework.
(C) Incorreta: A tag `<label>` é usada para associar rótulos a elementos de formulário, não para exibir indicadores de carregamento, e a classe `shape-loading` não é do Bootstrap.
(D) Correta: A tag `<span>` é a correta para um elemento inline. A classe `spinner-border` cria um spinner circular com borda, e `spinner-border-sm` o torna pequeno, exatamente como mostrado na imagem e conforme a documentação do Bootstrap 4.
(E) Incorreta: A tag `<label>` é inadequada para este propósito, e a classe `spinner-loader` não é uma classe padrão do Bootstrap.
Fonte: FCC TJ-MA 2019 Técnico Judiciário - Técnico em Informática - Software (Caderno Tipo 1). Reproduzida para fins de estudo.