我怎样才能让同一个div中的两个button之间的空间?

水平放置Bootstrapbutton的最佳方法是什么?

此刻button触摸:

<div class="btn-group"> <button class="btn btn-inverse dropdown-toggle" data-toggle="dropdown"> <i class="icon-in-button"></i> Add to list <span class="caret"/> </button> <ul class="dropdown-menu"> <li> <a href="#">here</a> </li> <li> <a href="#">new</a> </li> </ul> <button class="btn btn-info"> <i class="icon-in-button"></i> more </button> </div> 

两个引导按钮

显示问题的jsfiddle: http : //jsfiddle.net/hhimanshu/sYLRq/4/

把它们放在btn-toolbar或者其他容器里,而不是btn-groupbtn-group将它们连接在一起。 有关Bootstrap 文档的更多信息。

编辑:最初的问题是Bootstrap 2.x,但对Bootstrap 3和Bootstrap 4同样有效。

只需按照bro Miroslav Popovic所说的将类放在一个类(class =“btn-toolbar”)中即可。它的function非常棒。

 <div class="btn-toolbar"> <button type="button" id="btnSubmit" class="btn btn-primary btn-sm">Submit</button> <button type="button" id="btnCancel" class="btn btn-primary btn-sm">Cancel</button> </div> 

大多数情况下最简单的方法是保证金。

你可以做的地方:

 button{ margin: 13px 12px 12px 10px; } 

要么

 button{ margin: 13px; } 

我实际上碰到了相同的要求。 我简单地使用CSS覆盖像这样

 .navbar .btn-toolbar { margin-top: 0; margin-bottom: 0 } 

你可以使用间距来引导 ,而不需要额外的CSS。 只需将类添加到您的button。 这是版本4。