小编典典

如何在同一个 div 中的两个按钮之间留出空间?

all

水平间隔 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/


阅读 91

收藏
2022-08-24

共1个答案

小编典典

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

编辑:最初的问题是针对 Bootstrap 2.x 的,但对于Bootstrap
3
Bootstrap
4
仍然有效。

Bootstrap 4中,您需要使用实用程序类(例如 mx-2)为您的组添加适当的边距。

2022-08-24