水平间隔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/
将它们放进btn-toolbar
其他容器中,不要放入btn-group
。btn-group
将他们连接在一起。有关Bootstrap文档的更多信息。
编辑:最初的问题是Bootstrap 2.x,但对Bootstrap 3和Bootstrap 4仍然有效。
在Bootstrap 4中,您将需要使用实用程序类(例如mx-2)向组中添加适当的边距。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句