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 :

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 :

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...