如何增加空間之間右對齊引導按鈕？

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