Texte de bootstrap capitaliser avec des exemples de code

Texte de bootstrap capitaliser avec des exemples de code
Bootstrap propose des centaines de cours CSS pour styliser facilement les éléments HTML. Ces classes sont prédéfinies avec les propriétés CSS. Tout ce que vous avez à faire est d'ajouter la classe Bootstrap spécifique aux éléments HTML. Plus précisément, Bootstrap fournit également des classes de style pour définir l'alignement du texte et les cas. Les classes de bootstrap de transformation de texte sont utilisées pour ajuster les cas de texte où «*"Désigne le"minuscule","majuscule", et "capitaliser".

Cet article guidera:

  • Comment capitaliser le premier personnage de chaque mot en bootstrap?
  • Comment concevoir la première lettre du texte en bootstrap?

Préalable: créer un fichier html

En HTML, ajoutez le "

Pour commencer, arrêtez de parler et commencez à faire.

L'ajout ci-dessus "

«Le texte de l'élément ressemblera à ceci:

Comment capitaliser le premier personnage de chaque mot en bootstrap?

Le "Capitalisation de texte"La classe est utilisée pour capitaliser la première lettre de chaque mot. Cette classe d'amorçage a un CSS prédéfini "transformation de texte«Propriété avec la valeur»capitaliser»:

Pour commencer, arrêtez de parler et commencez à faire.

On peut observer que le premier caractère de chaque mot a été capitalisé:

Comment concevoir la première lettre du texte en bootstrap?

Le CSS "::première lettre«La pseudo-classe est utilisée pour sélectionner la première lettre du texte:

.Text-Capitalize :: Première lettre
couleur marron;
taille de police: 60px;
Police-poids: Bold;

Les propriétés CSS suivantes sont spécifiées avec la première lettre du «

" élément:

  • "couleur”Ajuste la couleur de la police.
  • "taille de police»Détermine la taille de la police.
  • "poids de police»Spécifie l'épaisseur de la police.

Sortir

Il s'agissait de capitaliser la capitalisation textuelle de bootstrap avec des exemples de code.

Conclusion

Amorcer "Capitalisation de texte"La classe est utilisée pour capitaliser la première lettre de chaque mot. Pour capitaliser le premier caractère de chaque mot de l'élément, ajoutez d'abord du texte en utilisant les éléments, tels que «

","

", ou plus. Ensuite, spécifiez la classe «texte-capitalisation» à cet élément particulier. Cet article a expliqué la classe Bootstrap Text-Capitalize avec des exemples de code.