我怎样才能让同一个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-group
。 btn-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。