如何增加空间之间右对齐引导按钮？

Question

我想两个右对齐按钮之间添加3个空格。有没有任何引导解决方案，而不添加自定义CSS？

我这样做：

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

小提琴演示：http://jsfiddle.net/6816gq84/1/

Answer 1

我这样做基本的解决方案：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> 

Answer 2

我不知道任何引导的解决方案已经存在，你想要做什么，但也有其他办法，取决于你的意思是“自定义CSS”。

可以添加跨度为应答器为例，并添加一个内联CSS限定宽度3EM（3位）。它是HTML/CSS，但不修改按钮类的css。

<div class="text-right"> 
     <button class="btn-info btn">Log in</button> 
     <span style="width:3em;"> </span> 
     <button class="btn-info btn">Log Out </button> 
</div> 

Answer 3

您可以添加btn-toolbar类容器div。看看here