Как правильно выровнять кнопку бутстрапа?

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

<div role="form">
    <div class="form-group">
        <label>Username</label>
        <input type="text" class="form-control"/>
    </div>

    <div class="form-group">
        <label>Password</label>
        <input type="password" class="form-control"/>
    </div>

    <div class="checkbox">
        <label>
            <input type="checkbox"> Remember Me
        </label>
    </div>

    <button class="btn-info btn">Log in</button>                            
</div>

Ответы

Ответ 1

Вы можете использовать text-right сначала, чтобы обернуть его в div следующим образом:

<div class=text-right>
     <button class="btn-info btn">Log in</button>
</div>

LIVE-DEMO

Вот полный код

<div role="form">
    <div class="form-group">
        <label>Username</label>
        <input type="text" class="form-control"/>
    </div>

    <div class="form-group">
        <label>Password</label>
        <input type="password" class="form-control"/>
    </div>

    <div class="checkbox">
        <label>
            <input type="checkbox"/> Remember Me
        </label>
    </div>

    <div class="text-right"> <!--You can add col-lg-12 if you want -->
        <button class="btn-info btn">Log in</button>
    </div>
</div>

enter image description here

Ответ 2

pull-right работает нормально

DEMO

<button class="btn-info btn pull-right">Log in</button>