alignement cellulaire vertical avec Bootstrap 4

Question

Je crée une page d'administration qui interroge les rapports alors sur les poids de page des pages clés pour un site (atterrissage, etc.)

Bootstrap- 4 est proche, je l'ai utilisé pour créer une mise en page, dont je suis content. Cependant, pour chaque ligne, le texte d'une cellule n'est pas aligné verticalement. Je peux faire un alignement de droite simple avec:

.cell { text-align: right; } 

mais je veux également aligner verticalement. Je crois que Bootstrap 4 utilise flexbox. Y a-t-il un moyen de faire un alignement de texte vertical dans une cellule en utilisant flex? Mon exemple est ici sur CodePen

Answer 1

Ils sont déjà alignés, ils sont rembourrés à l'intérieur du bouton qui rend le texte non aligné sur la deuxième colonne w.r.t. premier.

ajouter follwing au deuxième texte css colonne:

padding: .375rem 0; 
font-size: 1rem; 
font-weight: 400; 
line-height: 1.5; 
vertical-align: middle;