Maison > interface Web > Questions et réponses frontales > Il existe plusieurs classes de texte dans bootstrap

Il existe plusieurs classes de texte dans bootstrap

青灯夜游
Libérer: 2022-01-10 10:56:07
original
1799 Les gens l'ont consulté

bootstrap contient de nombreuses classes de texte : ".text-muted", ".text-primary", ".text-success", ".text-info", ".text-warning", ".text-danger" ” , « .small » et ainsi de suite.

Il existe plusieurs classes de texte dans bootstrap

L'environnement d'exploitation de ce tutoriel : système Windows 7, bootsrap version 3.3.7, ordinateur DELL G3

Code source :

Il existe plusieurs classes de texte dans bootstrap

Effet d'exécution :

Il existe plusieurs classes de texte dans bootstrap

Instructions :

Catégorie Couleur du texte

Les différentes classes suivantes affichent différentes couleurs de texte. Si le texte est un lien, le texte s'assombrira lorsque la souris passera dessus :

Style de texte de classe "avertissement de texte" style de texte de classe "text-danger".smallDéfinir l'alignement du texte à gauche.text-justify
classe description
.text-muted "text-muted" Style de texte de la classe
Classe de mise en page de texte
class Description
Définir un petit texte (défini sur 85 % de la taille du texte parent) .text-left
.text-centerDéfinir l'alignement du texte au centre
.text-right Définir l'alignement du texte à droite
Définir l'alignement du texte, au-delà du paragraphe Le texte à l'écran sera automatiquement renvoyé à la ligne

.text-nowrap.text-lowercase.text-uppercase.text-capitalizeAutres : Classe .text-hidePour plus de connaissances sur le bootstrap, veuillez visiter :  ! !
La partie qui dépasse l'écran dans le paragraphe ne sera pas renvoyée à la ligne
Définissez le le texte doit être en minuscules
Définissez le texte en majuscules
Définissez la première lettre du mot en majuscule
Description
Modifier les éléments de la page Contenu du texte inclus Remplacez-le par une image d'arrière-plan
Tutoriel de base du bootstrap

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal