How to add space between right align bootstrap button?

Question

I would like to add 3 spaces between two right align button. Is there any bootstrap solution for it without adding custom css?

I do this :

    <div class="text-right">
           <button class="btn-info btn">Log in</button>
<!-- Add 3 spaces between button -->
           <button class="btn-info btn">Log Out </button>
    </div>

Fiddle demo : http://jsfiddle.net/6816gq84/1/

Answer 1

You can add btn-toolbar class to the container div. Have a look here

Answer 2

I do this rudimentary solution: How to add space between bootstrap buttons in same div?.

<div class="btn-group pull-right row">
   <div class="col-md-3"><button class="btn btn-default" type="button">Clôturer</button></div>
   <div class="col-md-1"></div>
   <div class="col-md-3"><button class="btn btn-primary" type="button">Soumettre</button></div>
</div>