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

  • 问题:
  • 水平间隔引导按钮的最佳方法是什么?在

    此时按钮触动:

    <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>

    Two Bootstrap buttons

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

  • 答案:
  • 把它们放在btn工具栏或其他容器中,而不是btn groupbtn group将它们连接在一起。有关引导的详细信息documentation

    编辑:最初的问题是针对Bootstrap 2.x的,但同样的问题仍然适用于Bootstrap 3Bootstrap 4您将需要使用实用程序类(如mx-2)为您的组添加适当的边距

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

  • 问题:
  • 水平间隔引导按钮的最佳方法是什么?在

    此时按钮触动:

    <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>

    Two Bootstrap buttons

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

  • 答案:
  • 把它们放在btn工具栏或其他容器中,而不是btn groupbtn group将它们连接在一起。有关引导的详细信息documentation

    编辑:最初的问题是针对Bootstrap 2.x的,但同样的问题仍然适用于Bootstrap 3Bootstrap 4您将需要使用实用程序类(如mx-2)为您的组添加适当的边距