如何在右对齐引导按钮之间添加空格？

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

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

Answer 2

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

我不确定你想要做什么的任何引导程序解决方案，但还有其他方法，取决于你的意思＆＃34;自定义css＆＃34;。

您可以为示例添加跨度应答，并将定义宽度的内联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 4

这对我也很好：

<div style="display: flex ; justify-content: flex-end">
    <button class="btn-info btn mr-3">Log in</button>
    <button class="btn-info btn">Log Out </button>
</div>