Exemples de texte d'aide du bloc Bootstrap

Exemples De Texte D Aide Du Bloc Bootstrap



Lors de la création d'une application, les développeurs essaient toujours de la rendre conviviale. Plus précisément, les sites Web conviviaux comportent de nombreux facteurs, notamment une navigation efficace, la compatibilité des appareils, la gestion des erreurs, etc. Par exemple, l'ajout de texte d'aide avec divers composants est l'une de ces fonctionnalités qui aide l'utilisateur à ajouter du texte dans les champs de saisie. .

Cet article vous guidera sur les exemples de texte d'aide de bloc dans Bootstrap.

Qu'est-ce que le texte d'aide du bloc Bootstrap ?

Le texte d'aide du bloc Bootstrap peut être créé à l'aide de ' .form-text ' classer. Dans la version Bootstrap 3, le ' bloc d'aide ” La classe a été utilisée pour ajouter un texte d'aide.







Types de texte d'aide du bloc Bootstrap

Ces types d'éléments répertoriés peuvent être utilisés pour spécifier le texte d'aide :



Comment ajouter un texte d'aide de bloc Bootstrap à l'aide d'éléments de bloc ?

Les éléments de niveau bloc, tels que '

”, “

”, ou plus, peuvent être utilisés pour ajouter un texte d'aide. A cet effet, le « formulaire-texte ” la classe est utilisée. Cette classe a le ' bloc de visualisation ' biens. De plus, il contient également la propriété de marge supérieure qui aide le texte à s'afficher à un certain espace à partir d'autres champs de saisie.



Exemple

Découvrez l'exemple ci-dessous :





  • Ajouter le ' ” élément pour créer un formulaire.
  • Pour inclure une légende dans le champ de saisie, ajoutez un ' ' élément.
  • Après cela, ajoutez le ' ” élément avec le “ contrôle de formulaire ' et ' champ de saisie ” pour créer un champ de saisie.
  • Ensuite, ajoutez le ' « élément avec les classes » formulaire-texte ' et ' texte en sourdine ” pour ajouter un texte d'aide :
< former >

< portée > Entrer le mot de passe < / portée >

< contribution classer = 'champ de saisie de contrôle de formulaire' taper = 'le mot de passe' >

< div classer = 'form-text text-muted' > Votre mot de passe doit comporter 8 caractères. < / div >

< / former >

Les classes utilisées dans l'extrait de code ci-dessus sont décrites ici :

  • ' contrôle de formulaire ” contient un style global pour les éléments d'entrée.
  • ' formulaire-texte ” ajoute des styles au texte d'aide.
  • ' texte en sourdine ” ajoute des styles généraux au texte d'aide.

Sortir



Comment ajouter du texte d'aide au bloc Bootstrap à l'aide d'éléments en ligne ?

Les éléments en ligne tels que ' ' ou alors ' ” peut être utilisé pour ajouter un texte d'aide à la page Web.

Exemple

L'exemple ci-dessous montre l'utilisation du ' ” élément en ligne pour spécifier le texte d'aide :

< former classer = 'formulaire en ligne' >

< div classer = 'groupe de formulaires' >

< portée >Entrez votre nom< / portée >

< contribution classer = 'champ de saisie de contrôle de formulaire' taper = 'le mot de passe' >

< petit classer = 'texte en sourdine' >Doit être rempli.< / petit >

< / div >

< / former >

On peut observer que le texte d'aide a été ajouté avec succès :

Il s'agit du texte d'aide du bloc Bootstrap.

Conclusion

Pour ajouter du texte d'aide dans Bootstrap, le ' formulaire-texte ” est utilisé pour ajouter le texte d'aide au niveau du bloc. Les ' texte en sourdine ” La classe est utilisée pour créer un texte d'aide en ligne. Dans Bootstrap 3, le ' bloc d'aide ” la classe est utilisée. Plus précisément, le texte d'aide peut être spécifié avec les éléments en ligne ou au niveau du bloc. Cet article a expliqué comment ajouter du texte d'aide dans Bootstrap à l'aide d'exemples.