Des classes pour le texte UTILITAIRES:Classes pour le texte

1. Les alignements UTILITAIRES:Alignements

Les exemples de ce titre sont à télécharger dans le dossier nommé 12-Utilitaires-10.

Bootstrap nous propose plusieurs classes pour aligner le texte :

  • .text-start pour un alignement à gauche.

  • .text-center pour un alignement centré.

  • .text-end pour un alignement à droite.

Voici le code de ces exemples :

<div class="col-4"> 
  <p class="text-start">Donec ullamcorper nulla...</p> 
</div> 
<div class="col-4"> 
  <p class="text-center">Sed posuere consectetur...</p> 
</div> 
<div class="col-4"> 
  <p class="text-end">Ut fermentum massa justo...</p> 
</div> 

Voici l’affichage obtenu :

images/5new22-056.png

Vous pouvez aussi décider qu’un alignement ne soit appliqué qu’en fonction d’une taille d’écran spécifié. Pour cela il suffit d’ajouter les valeurs connues des points de rupture : lg, md, sm

Voici le code de ces deux exemples :

<div class="col-6"> 
  <p class="text-md-center">Donec ullamcorper nulla...</p> 
</div> 
<div class="col-6"> 
  <p class="text-sm-end">Sed posuere consectetur...</p> 
</div> 

Voici l’affichage...

couv_OW5BOO.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Positionner les éléments
Suivant
Les objectifs