Justifique o bootstrap de texto com exemplos de código

Justifique o bootstrap de texto com exemplos de código

As aulas de bootstrap têm estilo CSS predefinido. Essas classes são adicionadas aos elementos que você deseja aplicar estilos. A justificativa de texto no bootstrap é um aspecto importante do web design. Ajuda a alinhar o texto em uma página da web e aprimora a aparência de uma página da web. Mais especificamente, o bootstrap “Justify de texto”A classe é utilizada para justificar o texto.

Este artigo descreverá:

    • Como justificar o texto usando o bootstrap?
    • Como justificar o texto usando CSS?

Como justificar o texto usando o bootstrap?

O "Justify de texto”A classe é utilizada para justificar o texto. Esta classe tem um CSS predefinido “alinhamento de texto”Propriedade com o valor“justificar”.

Confira o exemplo para ver como adicionar a classe "Justify de texto" aos elementos HTML.

Exemplo

Em HTML, adicione o “

”Elemento com a classe“Justify de texto”Para incluir algum conteúdo de texto na página da web:


Linuxhint é o melhor site de tutorial online. Ele fornece artigos de qualidade e palestras em vídeo para educar o mundo.


Saída

Como justificar o texto usando CSS?

O CSS “alinhamento de texto”Propriedade com o valor“justificar”É utilizado para justificar o texto. O exemplo CSS seguinte demonstra justificação de texto.

Exemplo

Em html, adicione um “

Linuxhint é o melhor site de tutorial online. Ele fornece artigos de qualidade e palestras em vídeo para educar o mundo.


CSS

P
Alinhamento de texto: justifique;


No CSS, adicione o “alinhamento de texto”Propriedade com o valor“justificar"Para o elemento" P ".

Saída


Pode -se observar que o alinhamento do texto foi definido como justificado.

Conclusão

Em bootstrap, o “Justify de texto”A classe é utilizada para justificar o conteúdo de texto na página da web. Esta classe tem um CSS predefinido “alinhamento de texto”Propriedade com o valor definido como“justificar”. Você pode adicionar a classe "Justify de texto" ao elemento que contém o texto. Este artigo explicou como justificar o texto usando o bootstrap.