Détails
Alignement à gauche et à droite d'un div dans Bootstrap
Quelles sont les méthodes courantes pour aligner à gauche un texte et à droite un autre texte dans un conteneur div dans bootstrap ?
Par exemple
Total cost $42
Le coût total ci-dessus doit être aligné à gauche et 42 $ est aligné à droite.
235
3
2018 Update...
Bootstrap 4.1+
pull-right
est maintenantfloat-right
.text-right
est identique à la version 3.x, et fonctionne pour les éléments en lignefloat-*
ettext-*
sont tous deux responsive pour un alignement différent à différentes largeurs (ie :float-sm-right
)Les utilitaires flexbox (par exemple :
justify-content-between
) peuvent également être utilisés pour l'alignement :ou, les marges automatiques (eg:
ml-auto
) dans tout conteneur flexbox (row,navbar,card,d-flex,etc...)Bootstrap 4 Align Demo
Exemples d'alignement à droite de Bootstrap 4(float, flexbox, text-right, etc...)
Bootstrap 3
Utilisez la classe
pull-right
..Bootstrap 3 Demo
Vous pouvez également utiliser la classe
text-right
comme ceci :Bootstrap 3 Demo 2
Au lieu d'utiliser la classe
pull-right
, il est préférable d'utiliser la classetext-right
dans la colonne, car la classepull-right
crée parfois des problèmes lors du redimensionnement de la page.Cela devrait faire l'affaire.