Bootstrap 5 Texto em negrito com exemplos de código

Bootstrap ajuda na criação de páginas da web amigáveis ​​e favoráveis ​​a dispositivos móveis. Mais especificamente, o Bootstrap 5 traz várias novas adições e aprimoramentos, incluindo um novo método para texto em negrito. Na versão anterior (Bootstrap 4), o ““intensidade da fonte: Negrito”A classe é utilizada para tornar o texto ousado. No entanto, no bootstrap 5, o “FW-BOLD”A classe é utilizada para esse fim.

Esta postagem o instruirá sobre como fazer texto ousado no bootstrap 5.

Bootstrap 5 Texto em negrito com exemplos de código

No bootstrap 5, o ““FW-BOLD”A classe é utilizada para tornar o texto ousado. No "Bootstrap.CSS"Arquivo, a classe" FW-Bold "tem o"espessura da fonte”Propriedade com o valor“700”.

Exemplo 1: Como tornar o texto em negrito no bootstrap 5?

Confira o exemplo mencionado abaixo:

• Adicionar dois “

  ”Elementos que exibem o texto normal e ousado, respectivamente.

• Especificamos "Centro de texto”Como a classe de ambos os elementos.
• O "FW-BOLD”A classe é atribuída ao segundo“

  ”Elemento apenas para ver a diferença.

• O "Danger de texto”Classe mostra o texto em cor vermelha.

Aqui está o código HTML:

Linuxhint

Linuxhint

Saída

Exemplo 2: Como tornar o texto ousado dentro de um parágrafo?

Ao ler um livro ou pesquisa, vemos texto em negrito no parágrafo. Esses termos ousados ​​transmitem sua importância para os leitores. O texto em negrito deve ser ousado o suficiente para se destacar. No entanto, não deve perturbar os leitores visualmente.

Vamos ver como tornar o texto ousado dentro do parágrafo:

Linuxhint é o melhor site tutorial . Fornece qualidade> artigos e> conteúdo de vídeo Para educar o mundo!

Pode -se observar que as peças de texto selecionadas têm estilo de fonte em negrito:

Compilamos os exemplos para o texto em negrito no bootstrap 5 com exemplos.

Conclusão

No bootstrap 5, o ““FW-BOLD”A classe é utilizada para tornar a fonte ousada. Esta aula é declarada com o “espessura da fonte”Propriedade com o valor“700”. Para tornar o texto ousado dentro do parágrafo, use o elemento embutido, como “"Com a classe" FW-BOLD ". Este post explicou como tornar o texto ousado em bootstrap 5 com exemplos.