Alinear a la izquierda y a la derecha dentro de un div en Bootstrap
¿Cuáles son las formas más comunes de alinear a la izquierda un texto y a la derecha otro dentro de un contenedor div en bootstrap?
Por ejemplo
Total cost $42
El coste total de arriba debe ser un texto alineado a la izquierda y $42 es un texto alineado a la derecha
235
3
***La actualización del año 2018...
Bootstrap 4.1+
pull-right
es ahorafloat-right
text-right
es lo mismo que en 3.x, y funciona para elementos en líneafloat-*
comotext-*
son responsive para diferentes alineaciones en diferentes anchos (por ejemplo:float-sm-right
)Las utilidades de flexbox (ej.:
justify-content-between
) también pueden utilizarse para la alineación:o, auto-margenes (eg:
ml-auto
) en cualquier contenedor flexbox (row,navbar,card,d-flex,etc...)Bootstrap 4 Align Demo
Bootstrap 4 Right Align Examples(float, flexbox, text-right, etc...)
Bootstrap 3
Utiliza la clase
pull-right
..Demo de Bootstrap 3
También puedes usar la clase
text-right
así:Bootstrap 3 Demo 2
En lugar de usar la clase
pull-right
, es mejor usar la clasetext-right
en la columna, porquepull-right
crea problemas a veces al redimensionar la página.Eso debería hacer el trabajo bien