Подравняване наляво и надясно в рамките на div в Bootstrap
Какви са някои от най-разпространените начини за подравняване наляво на някакъв текст и надясно на друг текст в контейнер div в bootstrap?
напр.
Total cost $42
Над общата цена трябва да бъде ляво подравнен текст, а $42 е дясно подравнен текст
235
3
Актуализация за 2018 г....
Bootstrap 4.1+
pull-right
вече еfloat-right
text-right
е същото като в 3.x и работи за инлайн елементиfloat-*
, иtext-*
са responsive за различно подравняване при различни ширини (т.е.:float-sm-right
)Помощните средства на flexbox (напр.:
justify-content-between
) също могат да се използват за подравняване:или автоматични маржове (напр.:
ml-auto
) във всеки контейнер flexbox (ред, навигационна лента, карта, d-flex и т.н.).Bootstrap 4 Align Demo
Bootstrap 4 Right Align Examples(float, flexbox, text-right, etc...)
Bootstrap 3
Използване на класа
pull-right
..Bootstrap 3 Demo
Можете също така да използвате класа
text-right
по следния начин:Bootstrap 3 Demo 2
Вместо да използвате класа
pull-right
, по-добре е да използвате класаtext-right
в колоната, тъй катоpull-right
понякога създава проблеми при промяна на размера на страницата.Това би трябвало да свърши работа просто добре