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

空想家

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

两个Bootstrap按钮

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

米罗斯拉夫·波波维奇(Miroslav Popovic)

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

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Android Studio如何将按钮设置为中心并在两个之间留出空间?

如何在两个引导按钮之间留出空间

如何在同一行中显示两个单选按钮?

如何删除两个div元素之间的空间

如何在两个flexbox之间设置空间

如何删除这两个DIV之间的多余空间?

如何制作一个夹在两个div之间的按钮

如何在Bootstrap列布局中的两个div之间添加空间?

如何在两个按钮之间留出空间?以及如何将它们对准中心

如何使两个div之间的空间更小

如何在一个div中设置两个按钮的样式

如何在同一.ts文件中的两个组件之间传输数据

如何在角度8的同一个div中打开两个模态?

如何在Python Dash中的两个dcc组件之间留出空间?

如何在引导程序中的两个文本框之间留出空间

如何删除这两个div之间的空间

如何在div容器内的元素之间留出空间

如何在Android中的视图之间留出空间

如何在Live View中消除包含div的两个div之间的空间?

如何在两个js文件中的同一按钮上编写点击功能

如何在同一个div中的两个<a>标记之间有空格

如何在android的同一个活动中实现两个按钮?

如何在html中的两个div之间画线

如何在material-ui中的两个组件之间集成一个浮动动作按钮?

如何在Bootstrap中删除不同列中两个div之间的空间

如何在Angular4中的两行产品之间留出空间

如何在输入字段之间留出一个小空间?

如何在两行之间留出空间?

在 div 中的两个超链接之间留出空间