Qual classe Bootstrap 5 centraliza um texto em uma tag HTML...

Próximas questões
Com base no mesmo assunto
Q1933557 Programação
Qual classe Bootstrap 5 centraliza um texto em uma tag HTML <p> ?


Alternativas

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 é "

text-center
". Esta classe é definida no Bootstrap para alinhar o texto ao centro. O uso de "text-center" em um elemento <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