水平放置Bootstrap按钮的最佳方式是什么?
在按钮接触的那一刻:
<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/
发布于 2012-06-27 06:10:35
将它们放在btn-toolbar
或其他容器中,而不是btn-group
中。btn-group
将它们结合在一起。有关Bootstrap documentation的详细信息。
编辑:最初的问题是针对Bootstrap 2.x的,但同样的问题也适用于Bootstrap 3和Bootstrap 4。
在Bootstrap 4中,您需要使用实用程序类(如mx-2 )将适当的边距添加到组中。
发布于 2015-10-24 15:12:12
只需将按钮放在一个类中(工具栏“btn-class=”),就像Miroslav兄弟所说的那样,Popovic.It的效果非常棒。
<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>
发布于 2017-09-28 21:21:22
你可以使用spacing for Bootstrap,不需要任何额外的CSS。只需将类添加到按钮即可。这是针对版本4的。
https://stackoverflow.com/questions/11216645
复制相似问题