Qual classe Bootstrap 5 centraliza um texto em uma tag HTML...
Gabarito comentado
Confira o gabarito comentado por um dos nossos professores
Gabarito: Letra E
Vamos entender o tema abordado. A questão inspeciona o conhecimento sobre o framework Bootstrap 5, que é uma ferramenta muito popular entre desenvolvedores web para criar interfaces responsivas e móveis. Mais especificamente, a questão busca avaliar o conhecimento sobre a classe que é usada para centralizar textos dentro de um elemento HTML.
Para resolver essa questão, você precisa saber que o Bootstrap utiliza um sistema de classes para aplicar estilos CSS de forma rápida e consistente. Por exemplo, para alinhar um texto ao centro, o Bootstrap fornece uma classe específica que pode ser aplicada ao elemento desejado.
A alternativa correta é a letra E, que é "
<p>
ou em qualquer outro elemento de texto fará com que o texto seja centralizado horizontalmente.
As outras alternativas apresentam erros comuns que podem confundir quem ainda está aprendendo:
- A classe "align" não existe por si só para centralizar textos no Bootstrap.
- A classe "center" não é utilizada no Bootstrap; é um termo genérico para centralização, mas não uma classe do framework.
- A classe "middle" pode ser usada para alinhamento vertical (em determinados contextos), mas não para centralizar texto horizontalmente.
- E a classe "justified" é usada para justificar o texto, ou seja, estender o texto de forma que as linhas tenham largura igual, alinhando ambos os lados do texto à esquerda e direita.
Ao usar a classe "text-center" do Bootstrap, você está implementando um estilo CSS que tem a propriedade text-align: center;
, que é responsável por centralizar o texto. Lembre-se de que o Bootstrap é todo baseado em classes que aplicam estilos pré-definidos e que facilitam o desenvolvimento de interfaces web.
Clique para visualizar este gabarito
Visualize o gabarito desta questão clicando no botão abaixo
Comentários
Veja os comentários dos nossos alunos
<div style="height: 200px;"
class="mr-auto ml-auto
text-center bg-success">
.ml-auto .mr-auto</div>
</div>
Clique para visualizar este comentário
Visualize os comentários desta questão clicando no botão abaixo