Оновлення 2018 року ...
Завантажувальний пристрій 4.1+
pull-right
зараз float-right
text-right
те саме, що і 3.x, і працює для вбудованих елементів
- як
float-*
і text-*
в чуйні для різного вирівнювання при різній ширині (тобто float-sm-right
)
Утиліти flexbox (наприклад:) justify-content-between
також можна використовувати для вирівнювання:
<div class="d-flex justify-content-between">
<div>
left
</div>
<div>
right
</div>
</div>
або, автоматичні поля (наприклад ml-auto
:) у будь-якому контейнері flexbox (рядок, навібар, картка, d-flex тощо)
<div class="d-flex">
<div>
left
</div>
<div class="ml-auto">
right
</div>
</div>
Приклади завантаження 4 Вирівнювання демонстраційного завантажувального приклада 4 Приклади вирівнювання праворуч (флоат, флексбокс, текст праворуч тощо)
Завантаження 3
Використовуйте pull-right
клас ..
<div class="container">
<div class="row">
<div class="col-md-6">Total cost</div>
<div class="col-md-6"><span class="pull-right">$42</span></div>
</div>
</div>
Демонстрація завантаження 3
Ви також можете використовувати text-right
клас так:
<div class="row">
<div class="col-md-6">Total cost</div>
<div class="col-md-6 text-right">$42</div>
</div>
Демонстрація завантаження 3
text-right
працював для мене.