Questão nº 20
Questão de Arquitetura de Desenvolvimento de Software · FGV SEFAZ-AM 2022 - Prova II (nº 20)
O Bootstrap é um framework web com código-fonte aberto amplamente utilizado em desenvolvimento de aplicações web.
Analise o código da página web a seguir.

Para alinhar o texto NOME à direita utilizado Bootstrap, versão 5, é suficiente utilizar na tag <p> o atributo class igual a
- Atext-end. (alternativa correta)
- Btext-muted.
- Cfloat-right.
- Dalign-items-end.
- Ealign-self-stretch.
Resposta comentada
Gabarito Alternativa A
O Bootstrap oferece classes utilitárias para estilizar elementos HTML de forma rápida. Para alinhar texto, ele possui classes específicas que controlam a posição horizontal do conteúdo dentro de um elemento.
(A) Correta: A classe `text-end` é a forma padrão e recomendada no Bootstrap 5 para alinhar o texto à direita dentro do seu elemento pai.
(B) Incorreta: A classe `text-muted` serve para alterar a cor do texto para um tom mais claro e discreto, não para alinhá-lo.
(C) Incorreta: A classe `float-right` é usada para flutuar elementos para a direita, principalmente em layouts mais antigos ou para elementos de bloco. Embora possa ter um efeito visual de alinhamento, não é a classe correta ou idiomática para alinhar texto em Bootstrap 5, que prefere `text-end`. Esta é a armadilha da banca, pois `float-right` era comum em versões anteriores do Bootstrap para posicionamento à direita.
(D) Incorreta: A classe `align-items-end` é uma utilidade de Flexbox, usada em um container flex para alinhar os itens flex ao final do eixo transversal (geralmente verticalmente), não para alinhar texto horizontalmente.
(E) Incorreta: A classe `align-self-stretch` também é uma utilidade de Flexbox, usada em um item flex para que ele se estique e preencha o espaço disponível no eixo transversal, sem relação com o alinhamento horizontal de texto.
Fonte: FGV SEFAZ-AM 2022 - Prova II Analista de Tecnologia da Informação da Fazenda Estadual (Caderno Tipo 1). Reproduzida para fins de estudo.