Alinear a la izquierda y alinear a la derecha dentro de div en Bootstrap

¿Cuáles son algunas de las formas comunes de alinear texto y alinear correctamente algún otro texto dentro de un contenedor div en bootstrap?

p.ej

Total cost $42 

Por encima del costo total se debe dejar el texto alineado y $ 42 es el texto alineado a la derecha

Actualización 2018 …

Bootstrap 4.1+

  • pull-right ahora es float-right
  • text-right es lo mismo que 3.x, y funciona para elementos en línea
  • tanto float-* como text-* son receptivos para diferentes alineaciones en diferentes anchos (es decir: float-sm-right )

Los utilitarios de flexbox (p. Ej .: justify justify-content-between ) también se pueden usar para la alineación:

 
left
right

o, márgenes automáticos (p. ej .: ml-auto ) en cualquier contenedor de flexbox (fila, barra de navegación, tarjeta, d-flex, etc.)

 
left
right

Bootstrap 4 Align Demo
Bootstrap 4 Right Align Examples (float, flexbox, text-right, etc …)


Bootstrap 3

Usa la clase pull-right ..

 
Total cost
$42

Demostración de Bootstrap 3

También puede usar la clase text-right como esta:

  
Total cost
$42

Bootstrap 3 Demo 2

En lugar de usar la clase pull-right , es mejor usar la clase text-right en la columna, porque pull-right ocasiona problemas a veces al redimensionar la página.

En Bootstrap 4, la respuesta correcta es usar la clase text-xs-right .

Esto funciona porque xs denota el tamaño de ventana más pequeño en BS. Si lo desea, puede aplicar la alineación solo cuando la vista sea mediana o más grande usando text-md-right .

En el último alfa, text-xs-right se ha simplificado a text-right .

 
Total cost
$42

Bootstrap v4 presenta la compatibilidad con flexbox

 
Flex item
Flex item
Flex item

Obtenga más información en https://v4-alpha.getbootstrap.com/utilities/flexbox/

Podemos lograrlo con Bootstrap 4 Flexbox:

 

TotalCost

$42

d-flex // Display Flex justify-content-between // justify-content:space-between w-100 // width:100%

Ejemplo: JSFiddle

 
Total cost
$42

Eso debería hacer el trabajo simplemente bien