How right align bootstrap form button?

Question

Please tell me how right align this form "Log in" button using bootstrap. I tired to use pull-right class. But after resizing my button is not in the correct position.

<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> 

Answer 1

You can use text-right first you have to wrap it in a div like this:

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

LIVE-DEMO

Here is the full code

<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> 

Answer 2

pull-right is working fine

DEMO

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