Centrage du contenu dans les colonnes Bootstrap

Dans Bootstrap, le centrage du contenu dans les colonnes peut être réalisé par différentes méthodes.

Une L'approche courante consiste à utiliser l'attribut align="center" dans la colonne div. Par exemple :

  

    aaaaaaaaaaaaaaaaaaaaaaaaaaa
  

Cependant, cette méthode n'est pas entièrement prise en charge par HTML5. Au lieu de cela, Bootstrap 3 fournit une classe de centre de texte dédiée qui peut être appliquée à la colonne :

  

    aaaaaaaaaaaaaaaaaaaaaaaaaaa
  

Pour Bootstrap 4, les classes flex offrent une solution plus moderne et plus efficace pour centrer le contenu :

  
some content

Cette méthode centre le contenu le long de l'axe x par défaut, sauf si la propriété flex-direction est définie sur colonne pour centrer le long de l'axe y.