Как разместить по правому краю кнопку в Bootstrap?

Question

[Илья Алексеев]

Вот у меня есть форма, она расположена слева, нужно сделать так, чтобы отдельная кнопка была размещена по правому краю, не обязательно должна входить в эту форму.

<div class="container">
	<form class="form-inline" role="form">
	<label class="control-label">e-mail </label>
	<input type="text" name="mail" class="form-control"/>
	<button type="button" class="btn btn-default disabled" id="src">Найти</button>
	!!!!!вот эта кнопка ->>>>><button type="button" class="btn btn-primary">Добавить</button>
	</form>

Answer 1

[Евгений Перин]

Добавить кнопке класс pull-right

Comments

[Илья Алексеев]

отлично, спасибо

[Maxim Isaev]

Спасибо

Answer 2

[Денис]

А может кнопку обернуть в div с классом text-right?

Comments

[VladimirDronik]

Этот вариант мне больше подошел, т.к. если две и более кнопки нужно разместить кнопку, то между ними нет пробела в случае использования pull-right. А тут всё чётко, спасибо.

Answer 3

[bypcms]

Bootstrap 4
Использую float-sm-right

Comments

[VitaGor44]

Отличное решение!