Définissez Font-Weight à l'aide de classes bootstrap
Cet article décrira ce qui suit:
- Réglage du poids de police à l'aide de classes bootstrap 4
- Réglage du poids de police à l'aide de classes bootstrap 5
Réglage du poids de police à l'aide de classes bootstrap 4
Dans Bootstrap 4, le poids de la police des éléments est ajusté à l'aide de plusieurs classes. Pour une démonstration pratique, passez par les sections ci-dessous.
Comment rendre le poids de la police normal dans bootstrap 4?
Le "pause-poids"La classe est utilisée pour faire le texte normal. Cette classe a un CSS prédéfini "poids de police«Propriété avec la valeur»400".
Exemple
Ajouter un "”Element avec du texte et attribuez-le le"pause-poids" classe.
Html
pause-poids
Sortir
Comment faire du poids de la police en phase bootstrap 4?
Le "Font-Weight-Light"La classe rend le texte mince. Il a un CSS prédéfini "poids de police«Propriété avec la valeur»300".
Exemple
Dans l'exemple en cours, ajoutez la classe «Font-Weight-Light» à la classe «
" élément:
Html
Font-Weight-Light
Sortir
Comment rendre le poids de la police en gras dans bootstrap 4?
Le "Font-Weight-Bold"La classe est utilisée pour faire du texte gras. Il a une propriété CSS prédéfinie CSS avec la valeur «700".
Exemple Html Font-Weight-Bold Sortir Comment faire de la police italique dans bootstrap 4? Le "font-italique"La classe est utilisée pour faire la police en italique. Il a un CSS prédéfini "le style de police«Propriété avec la valeur»italique". Exemple " étiqueter: Html font-italique Sortir Réglage du poids de police à l'aide de classes bootstrap 5 En utilisant Bootstrap 5, les classes suivantes sont utilisées pour ajuster le poids de la police de divers éléments. Comment rendre le poids de la police normal dans bootstrap 5? Le "Normal FW"La classe est utilisée pour faire le style de police normal du texte. Il a une propriété CSS prédéfinie CSS avec la valeur «400". Exemple " élément: Html Normal FW Sortir Comment rendre le poids de la police audacieux dans bootstrap 5? Le "Font-Weight-Bold"La classe est utilisée pour rendre le texte en gras. Il a un CSS prédéfini "poids de police"Classe avec la valeur"700". Exemple " étiqueter. Html gras Sortir Comment rendre le poids de la police plus audacieux dans bootstrap 5? Le "bolseur FW"La classe est utilisée pour rendre le texte plus audacieux. Il a un CSS prédéfini "poids de police"Avec la valeur"plus audacieux". Exemple " élément. Html bolseur FW Sortir Comment faire du poids de la police en lumière dans le bootstrap 5? Le "Font-Weight-Light«La classe est utilisée pour rendre le texte léger. Il a un style prédéfini de "poids de police"Ayant une valeur de"300". Exemple " élément. Html FW-Light Sortir Comment rendre le poids de la police plus léger dans bootstrap 5? Le "Font-Weight-Lighter"La classe est utilisée pour rendre le texte plus léger. Il a un style CSS prédéfini "poids de police«Propriété avec la valeur»plus léger". Exemple " élément. Html plus lourde Sortir Comment rendre le style de police normal dans Bootstrap 5? Le "FST-Normal"La classe est utilisée pour faire le texte de style normal. Il a un style prédéfini de CSS "le style de police«Propriété avec la valeur»normal". Exemple " élément. Html FST-Normal Sortir Comment faire du style de police italique en bootstrap 5? Le "fst-italique"La classe est utilisée pour faire le texte en italique. Il a un style prédéfini de "le style de police«Propriété avec la valeur»italique". Exemple «Élément avec la classe« FST-Italic ». Html fst-italique Sortir Il s'agissait de définir le poids de police à l'aide de classes bootstrap. Conclusion Bootstrap 4 propose plusieurs classes pour définir le poids de la police de l'élément. Ceux-ci inclus, "pause-poids","Font-Weight-Light","Font-Weight-Bold", et "font-italique". Dans Bootstrap 5, le «Normal FW","gras","FW-Light","bolseur FW», Et d'autres sont utilisés. Cet article a expliqué comment définir le poids de police à l'aide de classes bootstrap.
Ajouter le "Font-Weight-Bold«Classe au«
Ajouter le "font-italique«Classe au«
Ajouter le "Normal FW«Classe au«
Ajoutez la classe «FW-Bold» au «
Ajoutez la classe «Font-Weight-Folder» au «
Ajoutez la classe «FW-Light» au «
Ajouter «FW-Lighter» au HTML »
Attribuez la classe «FST-normale» au «
Attribuez le «