bootstrap4 右对齐_在Bootstrap中的div内左对齐和右对齐

What are some of the common ways to left align some text and right align some other text within a div container in bootstrap?

e.g.

Total cost $42

Above total cost should be left aligned text and $42 is right aligned text

解决方案

2018 Update...

Bootstrap 4.1+

pull-right is now float-right

text-right is the same as 3.x, and works for inline elements

both float-* and text-* are responsive for different alignment at different widths (ie: float-sm-right)

The flexbox utils (eg:justify-content-between) can also be used for alignment:

left

right

or, auto-margins (eg:ml-auto) in any flexbox container (row,navbar,card,d-flex,etc...)

left

right

Bootstrap 3

Use the pull-right class..

Total cost

$42

You can also use the text-right class like this:

Total cost

$42