Align bootstrap right: How to align-right in Bootstrap 4

Пользовательский интерфейс

— выравнивание по левому краю и выравнивание по правому краю внутри div в Bootstrap

спросил

Изменено 12 дней назад

Просмотрено 1,3 млн раз

Каковы некоторые из распространенных способов выравнивания по левому краю некоторого текста и выравнивания по правому краю другого текста в контейнере div в начальной загрузке?

напр.

 Общая стоимость $42
 

Суммарная стоимость должна быть выровнена по левому краю, а $42 — по правому краю. 0

2021 Update…

Bootstrap 5 (beta)

Для выравнивания внутри div flexbox или row

  • мл-авто теперь мс-авто
  • г-авто теперь я-авто

Для выравнивания текста или поплавков. .

  • text-left теперь text-start
  • text-right теперь text-end
  • float-left теперь float-start
  • float-right теперь float-end

Bootstrap 4+

  • тянуть вправо теперь плавать вправо
  • text-right такой же, как 3.x, и работает для встроенных элементов
  • оба float-* и text-* реагируют на различное выравнивание при разной ширине (например: float-sm-right )

Утилита flexbox (например: justify-content-between ) также может использоваться для выравнивания:

 
<дел> левый
<дел> верно

или автоматические поля (например: ml-auto ) в любом контейнере flexbox (строка, навигационная панель, карта, d-flex и т. д.)

 
<дел> левый
<дел> верно